javascript - 范围选择器更改时的 Highstock 更改刻度间隔

Question

我无法在以下 Jsfiddle 中更新 tickinterval:https://jsfiddle.net/rarwarrar/5xgoqjst/4/

目前是这样的:

   xAxis: {
    events: {
    setExtremes: function(e) {
      if (e.rangeSelectorButton.text === "2Hour") {
         $('#chart').highcharts().xAxis[0].tickInterval= 2700000 //45 min
         $('#chart').highcharts().redraw()
       }
    }
    }
   },

不工作。

例如，单击“2 小时”后是否可以将滴答间隔设置为每 45 分钟一次？

Answer 1

您可以在设置极值后使用 tickPositioner 函数更改刻度位置。您可以使用 Axis.update() 更新此轴的 tickPositions:

   setExtremes: function(e) {
     if (e.rangeSelectorButton.text === "2Hour") {
       this.update({
         tickPositioner: function() {
           var positions = [],
             info = this.tickPositions.info;
           for (var x = this.dataMin; x <= this.dataMax; x += 45 * 60 * 1000) {
             positions.push(x);
           };
           positions.info = info;
           return positions;
         }
       }, false)
     }
   }

在这里你可以看到一个例子它是如何工作的: https://jsfiddle.net/5xgoqjst/5/

您也应该能够在不同的范围内更改您的 tickPositions。

最好的问候。