高库存的多个系列

问题描述

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]
]

我想为这种格式的数据创建一个高库存图表。我需要为data [i] [0]，data [i] [1]，data [i] [2]，data [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]]]。>

    series: [{
        name: 'Trade fall,data: Trade,dataGrouping: {
        forced: true,approximation: 'sum',units: [[groupingUnit,[1]]]
                    }
            }],

关于如何绘制此图的任何想法？或任何指向相应JS小提琴的链接？

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

解决方法

如果您能够重新创建数据并将每一天保持在一个数组中，那将是很棒的事情，例如：

var trade = [
  [
    [1597622400000,0.5542],[1597622400000,0.3899],0.2109],0.1645],],[
    [1597708800000,0.5124],[1597708800000,0.3321],0.2111],0.1837],[
    [1597795200000,0.6635],[1597795200000,0.3956],0.2322],0.3455],]
];

然后，您可以轻松地将数据添加到图表：https://jsfiddle.net/BlackLabel/obahzwL3/

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
  }]
});

highcharts highcharts series series