Highstock - 如何移动X轴

时间:2016-11-17 13:26:05

标签: javascript jquery charts highstock

我在这里有以下图表:

enter image description here

我想要做的是移动X轴,使路径只达到宽度的一半,其余为空白(计划在那里放置一些未来事件的情节) - 任何想法如何做到了吗?干杯:)

1 个答案:

答案 0 :(得分:1)

要实现这一点,您只需要为x轴指定max属性。

  

max:数字

     

轴的最大值。如果为null,则自动计算最大值。如果endOnTick选项为true,则最大值可能会向上舍入。

     

- xAxis.max - Highstock API

他们在此举例说明:http://jsfiddle.net/gh/get/jquery/2/highcharts/highcharts/tree/master/samples/stock/xaxis/min-max/

在您的情况下,如果您希望当前数据沿x轴中途结束,则需要将max设置为数据开始位置和数据当前结束位置之间的差异数据目前结束的那一点。

由于您自己没有指定任何代码,我将使用虚拟值。如果您的x轴数据从5开始并以8结束,则5和8之间的差值为3,因此您需要将其添加到8以抵消图表:

xAxis: {
  max: 11 // (8 - 5 + 8)
}