Highcharts堆积图表,样条与x轴无关

时间:2016-09-21 15:21:59

标签: javascript highcharts

我正在创建一个显示某些数据的图表。在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个值。

我希望很清楚我想要什么。

0 个答案:

没有答案