javascript - highcharts如何覆盖重置缩放按钮事件

标签 javascript highcharts

有没有办法覆盖 highcharts 中的重置缩放按钮单击事件?当我单击重置缩放按钮时,我希望图表使用 setExtremes 显示特定间隔,而不是缩小整个图表。

最佳答案

您可以在图表对象的selection 属性中捕获它。只需在要缩放的位置使用 setExtremes() 函数,并设置 0 毫秒的超时,这样图表的“重置图表”函数就不会覆盖它。

chart: {
   events: {
      selection: function(event) {
         if (!event.xAxis) {
            setTimeout(function(){chart.xAxis[0].setExtremes(0, 5)}, 0);
         }
      }
    ...
  }

工作示例:http://jsfiddle.net/rhavelka/M7cfm/64/

编辑:但请确保您想要放大该特定时间间隔,并且基本上对用户隐藏数据(除非您在图表上有一个像这样的滚动条 example )

关于javascript - highcharts如何覆盖重置缩放按钮事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50971445/

相关文章:

使用for循环的Javascript图像幻灯片

javascript - 循环向上计数的倒计时

javascript - Highcharts 图表上可以显示的数据图数量是否有限制

javascript - highchart 和 .clone() 的问题

Highcharts 圆环图自定义

javascript - Highcharts.js yAxis 值格式设置问题

javascript - 使用 Node 的 `response.end` 方法和 promise

javascript - 当我知道我应该使用二维数组时使用两个数组

javascript - 寻找 AJAX get 和 post 使用的 Web 数据的绝对或可能估计?

javascript - 在 Highcharts 的所有类别中放置一个文本