2013-02-22 284 views
17

我有一个很棒的图表,用户可以放大。我真的不喜欢内置的ZOOM RESET按钮,并且想要将我自己的自定义缩放重置按钮添加到已存在的导航栏中。highcharts隐藏缩放重置按钮,以编程方式调用缩放重置

所以我的问题是: 1.有没有办法隐藏默认的高图ZOOM RESET按钮? 2.是否可以调用一个方法/函数来执行缩放重置? (我可以通过我自己的按钮点击)

回答

32

您可以通过resetZoomButton作为display: none并致电zoomOut

chart: { 
    resetZoomButton: { 
     theme: { 
      display: 'none' 
     } 
    } 
} 

$('#resetZoom').click(function() { 
    chart.zoomOut(); 
}); 

<input type="button" value="reset zoom" id="resetZoom"/> 

Demo

+1

有你也可以挂接到一个回调来确定何时显示/隐藏(自定义)zoomreset按钮? – TSG 2013-02-22 22:14:02

+1

在图表选项中找到事件(选择)。为其他人提供FYI。我希望文档更完整! – TSG 2013-02-23 03:20:03

+1

您可以使用HC回调, var chart = new Highcharts.Chart(options,function(chart){ console.log('chart generated'); }); – 2013-02-25 13:52:55