簡體   English   中英

帶有JSON的Highcharts可自定義多個系列

[英]Highcharts with JSON to customize multiple series

我想從一個帶有4列的json文件中的圖形中添加多個系列(日期,打開事件,關閉事件和進行中事件)。
我可以用打開的事件數( http://jsfiddle.net/269us/ )顯示圖表,但是找不到JSON文件的第3列和第4列。

這是我的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
   }
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM