配置 Highcharts 库滑块（股票）

Question

我有 Highcharts 库的股票图表。如何调整左右滑块在图片中的位置。我需要当我点击“现在”按钮时，左边的滑块移动到今天的日期，右边的滑块距离它较远，例如3小时在此处输入图像描述

据我在这个库中的理解，左侧滑块的位置从右侧滑块的位置开始变化。我实现了将左侧滑块移动所需的秒数。但这是同一个右手跑步者的舞蹈......

Answer 1

您正在寻找

setExtremes

方法。您可以在

click

活动中使用它，如下所示：

  rangeSelector: {
    buttons: [..., {
      text: 'now',
      title: 'View current date',
      events: {
        click: function(e) {
          const now = new Date().getTime();
          chart.xAxis[0].setExtremes(now, now + HOUR * 3);
          return false;
        }
      }
    }]
  }

---

现场演示：https://jsfiddle.net/BlackLabel/5gvdy8oa/

API参考：

https://api.highcharts.com/highstock/rangeSelector.buttons.events.click

https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes