Search code examples
javascriptchartsd3.jsraphaelrickshaw

How to display discontinuous line chart


I need a javascript library where I can really easily display two dimensional data in the form of a line chart. I need to display discontinuous lines. I've looked at a few libraries, but they do much more than I want. I tried with Rickshaw, but it accepts only a series.

Let's say I have this data:

 long_short_data = [
{
  key:'round_1_1',
  color:"#468966",
  values:[
    {
      label:"user_0",
      value:31
    },
    {
      label:"user_1",
      value:93
    }
    ]
},
{
  key:'round_1_2',
  color:"red",
  values:[
    {

    },
    {
      label:"user_1",
      value:34
    }
    ]
}

];

Here I want that the round_1_2 basically to start from the second tick. I've used this data with nvd3's stackedmultibarcharts, but I need to represent it in the form of line chart/time series.


Solution

  • I've found an answer here. If anybody else has the same problem you will understand how the data is constructed if you check out the documentation.