在X轴刻度之间移动Highstock列

时间:2016-06-20 14:26:39

标签: highstock

我正在返回以下数据的API:

[1466274600000, 166.409],
[1466274900000, 138.266],
[1466275200000, 160.668],
[1466275500000, 147.300],
[1466275800000, 147.778],
[1466276100000, 136.043]

我把它加载到Highstock中,它给了我这个图表

enter image description here

但是,这些值实际上是时间戳和下一个时间戳之间的变化率。因此,1466274600000和1466274900000之间的差值为166.409等,因此我希望图表通过出现在刻度线之间的差距来表示。

enter image description here

这可能吗?如有必要,我可以更改API的输出...

在这里小提琴:http://jsfiddle.net/bLrah/157/

1 个答案:

答案 0 :(得分:0)

这是你要找的吗?

enter image description here

http://jsfiddle.net/strince/bLrah/159/

    var data = [
      [1466274600000, 166.409],
      [1466274900000, 138.266],
      [1466275200000, 160.668],
      [1466275500000, 147.300],
      [1466275800000, 147.778],
      [1466276100000, 136.043]
    ];
var columnWidth = $("#chart").width() / data.length;

...

      plotOptions: {
            column: {
                pointPadding: 1,
                borderWidth: 1,
                pointWidth: columnWidth
            }
        },