javascript - Highstock - 如何移动 X 轴

Question

我这里有以下图表:

我想做的是移动 X 轴，使路径仅达到宽度的一半，其余部分为空白(计划在那里放置一些 future 事件的情节)-任何想法如何做到这一点？干杯:)

Answer 1

要实现此目的，您只需为 x 轴指定一个 max 属性即可。

max: Number

The maximum value of the axis. If null, the max value is automatically calculated. If the endOnTick option is true, the max value might be rounded up.

– 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)
}