javascript - 禁用 highcharts 上的所有 UI 事件

Question

我正在为平板电脑优化一个网站，我们有兴趣禁用 highcharts 的所有事件，以便用户可以在页面上平移而不会受到影响。

我已尝试在构造函数中将事件设置为 null，但我似乎找不到通过 API 删除功能的方法。从本质上讲，我面临的问题是用户可能会“放大”以阅读图表，但实际上却无能为力，因为所有事件都被图表捕获了。我希望它只是显示而没有任何交互。

chart :{
 ....
  events : null;
 ...
}, 

...

http://jsfiddle.net/MTyzv/26/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        animation: false,
        events: null
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct']
    },

    plotOptions: {
        series: {
            cursor: 'ns-resize',
            states : {
                hover : { 
                    enabled: false
                } 
            },
            stickyTracking : false
        },
        column: {
            stacking: 'normal'
        }
    },

    tooltip: {
        enabled: false,
        yDecimals: 0
    },
    series: [        
        {
        name: "test",
        data: [0, 10, 20, 30, 40, 50, 60, 70, 100, 70],
        draggable: false,
        dragMin: 0,
        dragMax: 100
    }]
});

$('document').ready(new function(){
    ('container').events = null;
    ('contener').css({'background-color':'#ff0000','pointer-events': 'none'});
});

Answer 1

您可以:$('#myChartDiv').click(function() { return false; }); 并且仅在浏览器被识别为移动设备时运行该代码(可能使用服务器-侧代码)？此外，$('#myChartDiv').children().click(function() { return false; });