Line chart, break line

[schuerle]

Hey everyone,

I have a multi-series line chart, like the first chart here:
https://canvasjs.com/docs/charts/basics-of-creating-html5-chart/multi-series-charts/

And I have data series which are basically a group of data sets. That’s why I want to split a line in multiple lines. (For example: In the example above. The green line should be (X-values): 10-20-30-40 and the second green line should be the rest (50-60-70-80-90)
But I cannot split it to another data series, because than I have for example multiple entries in the legend. Hiding in the legend is also not a great solution, because legend.itemclick and the content of tooltips will getting much complexer.

Is there any other way, to do get this working?
Thanks in advance.

Best regards

[Sanjoy]

From your question, it looks like you are just looking for a break in the line. If so, you can insert empty dataPoints in between two set of datas as shown here. http://jsfiddle.net/canvasjs/rw563ftt/

If this does not answer your question, please post your data and explain in more detail on your requirement – any picture depicting the same would be of helpful.

[schuerle]

Hey Sanjoy,

that’s exactly the point.
Thank you!

Maybe an example or a hint can be added here:
https://canvasjs.com/docs/charts/chart-types/html5-line-chart/

Best regards

[Suyash Singh]

@schuerle,

[update]

We have just released v2.0 GA with axis scale-breaks, crosshair, 5 new chart types & several other features. Please refer the release blog for more information & let us know your feedback.

We have just released v2.0 Beta 1 with axis scale-breaks, new chart-types, crosshair, and new themes. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.
___
Suyash Singh
Team CanvasJS