在 Highstock 中重置/设置 ZoomType 控制

Question

我正在使用 highcharts api 在我的应用程序中开发图表。我正在使用 highcharts 中的 highstack 类。

我正在寻找的是我想处理外部按钮的缩放控制。

例如，有一个像缩放这样的单选按钮（是，否），如果我们选择“是”，那么缩放功能应该在我的图表中启用。如果未选择，则应禁用缩放功能。

我尝试过以下属性：

zoomType: 'xy'

我尝试重置上述属性，但失败了。

请给我任何建议来解决这个问题。

提前致谢..

Answer 1

那么，您可以使用以下代码删除 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;
    });
});