chartjs/chartjs-plugin-zoom

LineChart disappears while zooming in if spanGaps: true and non-null datapoints are out of bounds

ale-coe opened this issue · 0 comments

When using a dataset that has spanGaps: true and several null values in its data and the user zooms in, the lineChart disappears. The reason seems to be that the non-null values have no representation on the x-axis anymore.
See this codepen.

I would expect that there is some interpolation going on internally that addresses this issue but this isn't the case.
I tried modifying the dataset by interpolating "missing" values but there were visible jumps when rendering the line during zoom events which makes it not applicable for my use case.

Is there any workaround for this?