Small line charts don’t always render lines between points

[coolon]

Hi there,

I’ve got an issue where I’m rendering some small line charts (300x150px) but the charts don’t always draw lines between the points.

I’ve searched the docs but can’t find any way to control that or what the triggers are for the chart to draw the lines or exclude them.

I have a short video demonstrating the situation, let me know the best way to share it with you.

Thanks!

[Manoj Mohan]

@coolon,

Can you kindly create JSFiddle reproducing the issue you are facing & share it with us so that we can look into the code / chart-options being used, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[coolon]

Hi Manoj,

Thanks for the prefilled jsfiddle link, it was nice to not have to start the fiddle from scratch.

The root cause was that at different resolutions the data had null values and I hadn’t set {connectNullData: true}.

Thanks!

[Manoj Mohan]

@coolon,

Glad that you figured it out. You can use connectNullData to connect adjacent non-null data with a straight line.

—-
Manoj Mohan
Team CanvasJS