Highcharts 高股价中的多重序列

Highcharts 高股价中的多重序列,highcharts,series,Highcharts,Series,我想为这种格式的数据创建一个高库存图表。我需要为数据[I][0]、数据[I][1]、数据[I][2]、数据[I][3]创建四个系列(我每天需要绘制4个点)。如果需要,我可以将数据重新创建为[1597622400000、[0.5542、0.3899、0.2109、0.1645]、[1597708800000、[0.5124、0.3321、0.2111、0.1837]、[1597795200000、[0.6635、0.3956、0.2322、0.3455] trade = [ [1597622400

我想为这种格式的数据创建一个高库存图表。我需要为数据[I][0]、数据[I][1]、数据[I][2]、数据[I][3]创建四个系列(我每天需要绘制4个点)。如果需要,我可以将数据重新创建为[1597622400000、[0.5542、0.3899、0.2109、0.1645]、[1597708800000、[0.5124、0.3321、0.2111、0.1837]、[1597795200000、[0.6635、0.3956、0.2322、0.3455]

trade = [
[1597622400000, 0.5542]
[1597622400000, 0.3899]
[1597622400000, 0.2109]
[1597622400000, 0.1645],

[1597708800000, 0.5124]
[1597708800000, 0.3321]
[1597708800000, 0.2111]
[1597708800000, 0.1837],

[1597795200000, 0.6635]
[1597795200000, 0.3956]
[1597795200000, 0.2322]
[1597795200000, 0.3455]
]
有没有关于如何绘制此图的想法?或者与相应JS fiddle的链接


请分享我如何格式化数据或系列中的任何更改的想法。我可以尝试按照建议重新创建数据。主要目的是每天绘制4个点。

如果您能够重新创建数据并将每天保存在一个数组中,那将非常棒,如下所示:

    series: [{
        name: 'trade fall,        
        data: trade, 
        dataGrouping: {
        forced: true,
        approximation: 'sum',
        units: [[groupingUnit, [1]]]
                    }
            }],
然后,您可以轻松地将数据添加到图表中:


嘿,塞巴斯蒂安,谢谢你的建议。但是,如果点数是动态的呢。在这种情况下,我可以画4分。但在某些情况下可能有3分、5分甚至7分。如何处理这样的情况?你的要求完全不同-
(我每天需要画4分。)
。如果点数和序列未知,则需要执行一些逻辑,以确定每天点数,然后循环此数量并创建每天的序列数据。
var trade = [
  [
    [1597622400000, 0.5542],
    [1597622400000, 0.3899],
    [1597622400000, 0.2109],
    [1597622400000, 0.1645],

  ],
  [
    [1597708800000, 0.5124],
    [1597708800000, 0.3321],
    [1597708800000, 0.2111],
    [1597708800000, 0.1837],
  ],
  [
    [1597795200000, 0.6635],
    [1597795200000, 0.3956],
    [1597795200000, 0.2322],
    [1597795200000, 0.3455],
  ]
];
var data1 = trade.map(d => d[0]),
  data2 = trade.map(d => d[1]),
  data3 = trade.map(d => d[2]),
  data4 = trade.map(d => d[3]);


// Create the chart
Highcharts.stockChart('container', {

  series: [{
    data: data1
  }, {
    data: data2
  }, {
    data: data3
  }, {
    data: data4
  }]
});