Line-chart not using full width

I’m using Chart.js to display this chart:
jsfiddle ☁️

This is what it looks like in my browser (Chrome 50.0.2661.102 m):

Why is there so much space on the left and right side (illustrated with arrows) of the chart?

I suspect the issue is related to using a time axis as it seems to be better when I switch to a different type.

Is there anything I can do to remove that margin?

Author: Fantashit

1 thought on “Line-chart not using full width

  1. From my understanding, not setting round or not setting a min or max value causes the the first tick and last tick to be rounded down/up a tick unit which changes the overall scale length. In your case, specifying the unit unit: 'day' should get you there. See https://jsfiddle.net/7n9pwr6v/1/

Comments are closed.