时间戳

首页 > 解决方案 > 高库存中的多个系列

highcharts - 高库存中的多个系列

问题描述

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]，[15977708800000，[0.5124，0.3324，0.3321，0.2111，0.2111，0.1837]，[1597777777777777777777777777777777777777777777779552] [0.3956] if。

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

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

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

标签： highchartsseries

解决方案

如果您能够重新创建数据并将每一天保存在一个数组中，那就太好了，如下所示：

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

然后您可以轻松地将数据添加到图表中：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
  }]
});

推荐阅读