javascript - Chart.js render problem when routing Angular

Question

I have a chart that looks like as expected, nice and smooth, when it is first initialised:

But if I change to some other route, then change back to the route that contains the chart, the shape of the chart is all weird and jagged:

What could be the cause of this? I have seen the chart.js prototype methods on https://www.chartjs.org/docs/latest/developers/api.html, however, I am not sure which to use and where to put them...

question from:https://stackoverflow.com/questions/65903778/chart-js-render-problem-when-routing-angular

Answer 1

From the image it looks like the lineTension property (https://www.chartjs.org/docs/latest/charts/line.html#dataset-properties) got set to 0 somehow, try to set this back to 0.4 or your custom value and call chart.update()