[Chartjs]-How do you make a progressive line chart with time as the X axis?

The reason yours doesnt look smooth and the one on the chart.js docs site does is that they use 1000 datapoints for their chart. So the transition from one point to next is not smooth but is perceived as smooth since the jump is verry small.

Since you only have 4 datapoints the jumps are verry noticable and thus does not look smooth.

So if you want it to looks smooth you will need to add a lot more datapoints in between your current datapoints