Javascript 在Highstock中重置/设置ZoomType控件
我正在使用highcharts api在我的应用程序中开发图表。我正在使用highcharts中的highstack类 我要看的是,我想处理外部按钮的缩放控制 例如,有一个单选按钮,如zoom(是,否),如果选择yes,则应在我的图表中启用zoom功能。如果未选择,则应禁用缩放功能 我已尝试使用以下属性: zoomType:'xy' 我已尝试重置上述属性,但失败 请给我任何建议来解决这个问题Javascript 在Highstock中重置/设置ZoomType控件,javascript,jquery,highcharts,highstock,Javascript,Jquery,Highcharts,Highstock,我正在使用highcharts api在我的应用程序中开发图表。我正在使用highcharts中的highstack类 我要看的是,我想处理外部按钮的缩放控制 例如,有一个单选按钮,如zoom(是,否),如果选择yes,则应在我的图表中启用zoom功能。如果未选择,则应禁用缩放功能 我已尝试使用以下属性: zoomType:'xy' 我已尝试重置上述属性,但失败 请给我任何建议来解决这个问题 提前感谢..好吧,您可以使用以下代码删除mousedown处理程序:chart.container.on
提前感谢..好吧,您可以使用以下代码删除mousedown处理程序:
chart.container.onmousedown
。这不是最好的解决方案(当使用触摸事件时,我还没有在手机上测试过),但无论如何,这是一个很好的起点
在这里您可以找到live demo:和该演示的代码:
window.chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
zoomType: 'x'
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
}, function (chart) {
var checkbox = $('#zoom'), // a checkbox input in your html
zoomHandler = chart.container.onmousedown;
checkbox.on('change', function () {
if (this.checked)
chart.container.onmousedown = zoomHandler;
else
chart.container.onmousedown = null;
});
});
我可以理解为什么您希望外部按钮的“缩放控制”改变缩放范围,就像highstock为特定日期范围提供默认按钮一样,但我无法确定您将如何通过提供一个完全打开或关闭缩放的按钮来帮助您的最终用户:这似乎不是特别必要的功能。