3

我正在为平板电脑优化一个网站，我们有兴趣禁用 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'});
});
4

1 回答 1

1

你能：$('#myChartDiv').click(function() { return false; });并且仅在浏览器被识别为移动设备（可能使用服务器端代码）时才运行该代码？还，$('#myChartDiv').children().click(function() { return false; });

于 2013-02-04T18:44:38.867 回答