Home forums Using CanvasJS Line chart, break line

This topic contains 2 replies, has 2 voices, and was last updated by  schuerle 12 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #9643

    schuerle
    Member

    Hey everyone,

    I have a multi-series line chart, like the first chart here:
    http://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

    #9650

    Sanjoy
    Moderator

    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.

    #9651

    schuerle
    Member

    Hey Sanjoy,

    that’s exactly the point.
    Thank you!

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

    Best regards

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.