我正在使用 highcharts api 在我的应用程序中开发图表。我正在使用来自 highcharts 的 highstack 类。
我正在寻找的是我想处理来自外部按钮的缩放控件。
例如,有一个单选按钮,如缩放(是,否),如果我们选择是,那么应该在我的图表中启用缩放功能。如果未选择,则应禁用缩放功能。
我尝试过以下属性:
缩放类型:'xy'
我试图重置上述属性,但失败了。
请给我任何解决此问题的建议。
提前致谢..
我正在使用 highcharts api 在我的应用程序中开发图表。我正在使用来自 highcharts 的 highstack 类。
我正在寻找的是我想处理来自外部按钮的缩放控件。
例如,有一个单选按钮,如缩放(是,否),如果我们选择是,那么应该在我的图表中启用缩放功能。如果未选择,则应禁用缩放功能。
我尝试过以下属性:
缩放类型:'xy'
我试图重置上述属性,但失败了。
请给我任何解决此问题的建议。
提前致谢..
好吧,您可以使用以下代码删除 mousedown 处理程序chart.container.onmousedown
:这不是最好的解决方案(我还没有在使用触摸事件时在移动设备上测试过),但无论如何这是一个很好的起点。
在这里您可以找到现场演示:http: //jsfiddle.net/3qYAZ以及该演示的代码:
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;
});
});