Question

我有Highstock，其中包含2001年至2009年每年的默认数据，如下JSFiddle所示：

现在单击按钮事件，即使没有可用数据，我也希望将xAxis Extreme增加到2020年。

我正在尝试通过以下代码设置极端：

var newDate = new Date(2019, 03, 23).getTime();
chart.xAxis[0].setExtremes(new Date(2000, 1, 1).getTime(), newDate, true);

但是它不起作用。

Answer 1

在Highcharts API中，我们可以阅读：

普通：布尔值

在纵轴上，无论图表中的实际时间或它们之间的x距离，这些点在图表中的间距均相等。这意味着丢失数据周期（例如，股票图表的夜晚或周末）将不会占用图表中的空间。序数为：false将显示gapSize设置所产生的任何差距，与它们的持续时间成比例。

在库存图表中，默认情况下X轴为序数，除非使用了boost模块并且该系列的数据长度中至少一个超过boostThreshold。   默认为true。

因此，您需要禁用ordinal选项：

xAxis: {
    ordinal: false
},

实时演示：https://jsfiddle.net/BlackLabel/fzo7ahg0/

API参考：https://api.highcharts.com/highstock/xAxis.ordinal

Highstock将XAxis设置为无数据

1 个答案: