【问题标题】:highcharts hide zoom reset button, call zoom reset programmaticallyhighcharts 隐藏缩放重置按钮,以编程方式调用缩放重置
【发布时间】:2013-02-08 14:04:29
【问题描述】:

我有一个很好的图表,用户可以放大。我真的不喜欢内置的 ZOOM RESET 按钮,并且想将我自己的自定义缩放重置按钮添加到已经存在的导航栏中。

所以我的问题是: 1.有没有办法隐藏默认的highcharts ZOOM RESET按钮? 2. 有没有我可以调用的方法/函数来执行 ZOOM RESET? (我可以通过我自己的按钮点击来调用它)

【问题讨论】:

    标签: button highcharts zooming reset


    【解决方案1】:

    只需获取图表并调用缩小:

    chart = $("#your-chart").highcharts();
    chart.zoomOut();
    

    【讨论】:

      【解决方案2】:

      您可以将resetZoomButton 传递为display: none 并调用zoomOut

      chart: {
          resetZoomButton: {
              theme: {
                  display: 'none'
              }
          }
      }
      
      $('#resetZoom').click(function() {
          chart.zoomOut();
      });
      
      <input type="button" value="reset zoom" id="resetZoom"/>
      

      Demo

      【讨论】:

      • 是否还有一个回调可以用来确定何时显示/隐藏(自定义)缩放重置按钮?
      • 在图表选项中找到了事件(选择)。仅供参考。我希望文档更完整!
      • 可以使用HC回调,var chart = new Highcharts.Chart(options,function(chart){ console.log('chart generated'); });
      • api.highcharts.com/highcharts/chart.events.selection 这对我来说效果更好,因为 setExtremes 并不总是触发
      猜你喜欢
      • 1970-01-01
      • 2011-03-26
      • 2021-06-06
      • 1970-01-01
      • 1970-01-01
      • 2021-09-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多