Highcharts与JSON自定义多个系列



我想从具有4列(日期,开放事件,关闭事件和正在进行的事件)的json文件中添加我的图形中的多个系列。
我可以显示我的图表与事件的数量打开(http://jsfiddle.net/269us/),但我找不到JSON文件的第三和第四列。

下面是我的JSON文件的结构:
[[1325462400000,3,12,14]
 [1325548800000,7,14,8]
 [1325635200000,10,11,24]
 [1325721600000,21,13,16]
 [1325808000000,13,15,9]
 [1325894400000,2,15,4]
 [1326067200000,10,13,15]]

我想达到作为结果的这种类型,以便自定义每个系列(打开,关闭,在进行中)

var date = []
   open = []
   close = []
   inprogress = []
   datalength = data.length;
for (i = 0; i <dataLength; i + +) {
    date.push ([
         data [i] [0]
    ]);
    open.push ([
         data [i] [1],
    ]);
    close.push ([
         data [i] [2],
    ]);
    inprogress.push ([
         data [i] [3],
    ]);
    }
    series: [{
       type: 'spline',
       name: 'open',
       data: open,
       dataGrouping {
              units: groupingUnits
       }
   } {
       type: 'column',
       name: 'close',
       data: close,
       dataGrouping {
              units: groupingUnits
       }
      .............
      .............
   }]

我认为您正在尝试创建3个数据数组以在3个系列(打开,关闭和正在进行)中使用。试试这样做:

for (i = 0; i <dataLength; i + +) {
    var date = data[i][0];
    open.push ([
         date,
         data[i][1]
    ]);
    close.push ([
         data,data[i][2] //data instead of dat.
    ]);
    inprogress.push ([
         date,data[i][3]
    ]);
}

你现在应该能够使用这3个数组作为你的系列中的数据:

series: [{
   type: 'spline',
   name: 'open',
   data: open,
   dataGrouping {
          units: groupingUnits
   }
},
{
   type: 'column',
   name: 'close',
   data: close,
   dataGrouping {
          units: groupingUnits
   }
},
{
   type: 'line',
   name: 'inprogress',
   data: inprogess,
   dataGrouping {
          units: groupingUnits
   }
}

最新更新