One propose solution (perhaps there is a better way - still be interested...)

I found, in my case, I could do this just by adjusting the bottom of my container.

Using the following markup..

    <div id='graphc'>
      <canvas (click)='updateClick($event)' #mygraph></canvas>

and the following css

  height: 100%;
  padding: 10px;
  padding-bottom: 120px; // <-- this moves it up

enter image description here

This at least does what I was after, though if I stretch, I do always have the gap....

Maybe I could make the css "dynamic" to fix this

enter image description here


I think the space might be due to your css. Try changing that. This solves your problem as well.

position: 'bottom',
labels: {
          boxWidth: 20,
          padding: -10

Related Query

More Query from same tag