データに基づいてハイチャートのダイナミックシリーズを描画する方法

Question

データに基づいてシリーズ数を追加します。同じリクエストの場合もありますが、ハイチャートには2系列または4系列が含まれます。

例： "日時" は、x軸の値

は、あなたがこれをアプローチする方法を私に提案してもらえある

Request 1 
[[ser1,ser2,datetime],[ser1,ser2,datetime]] 

Request 2 
[[ser1,ser2, ser3,ser4, datetime],[ser1,ser2, ser3,ser4, datetime]] 

。

Answer 1

前処理でデータを正しい形式に変換できます。

var json = [ 
    [2, 4, 1500284119000], 
    [10, 20, 1500284141000] 
    ], 
    series = [], 
    each = Highcharts.each, 
    len; 

each(json, function(items, i) { 

    len = items.length; 

    each(items, function(item, j) { 

    if (j < len - 1) { 
     if (i === 0) { // create series structure 
     series.push({ 
      data: [] 
     }); 
     } 

     series[j].data.push({ 
     x: items[len - 1], 
     y: item 
     }) 
    } 
    }); 

}); 

例：

• http://jsfiddle.net/hx97ak00/

Answer 2

xAxisがdatetimeの場合、応答構造を変更することをお勧めします。より良い は、私はあなたが一連のデータのdiffent数を持っているので、あなたが日時に別々の配列を持って行ったと思い、今、あなたの要求は、この

Request 1 
[seriesData1, seriesData2, seriesData3,seriesData4] 

Request 2 
[seriesData1, seriesData2, seriesData3, seriesData4, seriesData5, seriesData6, seriesData7,seriesData8] 

のように見えます

seriesData = [[timestamp1, val1],[timestamp2, val],[timestamp3, val3],......] 

以下のようにデータと一緒にタイムスタンプを含めます2つの異なるタイムスタンプに対して。

上記のアプローチでは、一連のセクションにリクエストの着信応答を直接フィードできます。

希望すると、これが役立ちます。