Search code examples
javascriptvisualizationzingchart

How to display continous line chart (via Zing Chart) with skipped values?


I'm using a line chart to display two series of data. Each series could have skipped values(they initialized with null values). In the result I got a line with breaks. The problem is how to display a continious line in case of skipped values (lower chart on image). I've searched through all questions tagged with "zingchart", read documentation and examples on zingchart.com" but I couldn't found anything that solves my problem. Here is the image of two charts (upper - what I get, lower - what I need): https://i.sstatic.net/ZyX5I.jpg


Solution

  • EDIT - Updated based off comment

    In that case, you'd switch from a one dimensional array to a two dimensional array like this:

    values = [
      [X, Y]
    ]
    

    where X corresponds so the X scale value and Y corresponds to the Y scale value.

    Here's a demo: http://demos.zingchart.com/view/R93HI801

    You can read more about our data values here: http://www.zingchart.com/docs/reference/data-format-by-chart-type/

    I'm on the ZingChart team. Let me know if you have any other questions.