Question

我正在优化平板电脑的网站，我们有兴趣禁用所有高级图表的事件，以便用户可以在不受影响的情况下平移页面。

我已经尝试在构造函数中将事件设置为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; });

禁用highcharts上的所有UI事件

1 个答案: