highcharts 不填满宽度

highcharts not to fill the width

我正在使用 highcharts 绘制股票图。它从零数据开始,然后每分钟添加一个数据点。一整天后,它填充了 240 个数据点。

x轴是定长的,是为整个240个数据点设计的。当数据点还没有增长到240时,我们希望缺失数据对应的图表部分为空。

我查看了图表 API,但找不到执行此操作的选项。看起来所有的 highcharts 演示都用可用数据填充了图表。

谢谢!

简而言之,您设置 xAxis.minxAxis.max

例如,如果您的数据中有两个点:

// January 1st 2015, 00:00 and 00:01
data : [[1420070400000, 3], [1420070460000, 7]]

然后将最小值和最大值设置为允许 space 用于最终添加的所有点:

xAxis: {
    min: 1420070400000,
    max: 1420070400000 + 86400000 // 60 * 60 * 24 * 1000 added
}

this demonstration 一样,全天有两个点和 space。