我正在创建一个显示某些数据的图表。在x轴上,我得到了一些物品,每个物品都有一个堆积的条形图。在我的例子中,我将它们称为第1项,直到第5项。以下是我到目前为止的代码:
xAxis: {
categories: ['item 1', 'item 2', 'item 3', 'item 4', 'item 5']
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [{
type: 'column',
name: 'Item 1 of stacked bar charts',
data: [3, 2, 1, 3, 4]
}, {
type: 'column',
name: 'Item 2 of stacked bar charts',
data: [2, 3, 5, 7, 6]
}, {
type: 'column',
name: 'Item 3 of stacked bar charts',
data: [4, 3, 3, 9, 2]
},
现在我想添加一个样条,表示实时数据。对于每一秒,我想在此样条曲线上绘制一个新的数据点。因为我在x轴上只有5个项目,所以不可能只按照ordinairy方式添加样条。
是否可以使样条曲线独立于x轴运行?或者也许是另一种解决方案?
更新:
我不清楚我想要什么。就像在示例中一样,我在x轴上有5个不同的类别。 x轴是基于时间的。我想要的是什么:
我有一个代表60分钟的x轴。我有5个项目,10分钟4分钟,20分钟1分钟。每个项目都有自己的堆积条形图。每个项目的宽度应表示x轴的时间百分比。所以20分钟的60分意味着33%。
我还想要的是,我可以在60分钟x轴的每一秒绘制样条曲线。在60分钟的示例中,这意味着我必须在样条曲线中插入3600个值。它是实时数据,所以当我开始时我得到0值,当30分钟时我得到1800个值。
我希望很清楚我想要什么。