Highcharts 高股价中的多重序列
我想为这种格式的数据创建一个高库存图表。我需要为数据[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]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
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
}]
});