在高圖上禁用所有用戶界面事件

我正在爲平板電腦優化網站，我們希望禁用所有用於高圖的事件，以便用戶可以在無痛苦環境下平移頁面。在高圖上禁用所有用戶界面事件

我已經嘗試在構造函數中將事件設置爲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'}); 
});

來源

2013-02-04 Daniel B. Chapman

你可以：'$（'＃myChartDiv'）。click（function（）{return false;}）;'並且只有在瀏覽器被識別爲移動時才運行該代碼（可能使用服務器端代碼）？此外，'$（'＃myChartDiv'）。children（）。click（function（）{return false;}）;'。 – user1477388

那簡直太痛苦了。謝謝。如果您希望我接受它，請發表一個答案。 –

回覆，不客氣。順便問一下哪一個爲你工作？ – user1477388

你能：$('#myChartDiv').click(function() { return false; });且僅當瀏覽器（可能使用服務器端代碼）標識爲移動的運行代碼？此外，$('#myChartDiv').children().click(function() { return false; });

來源

2013-02-04 18:44:38 user1477388

在高圖上禁用所有用戶界面事件

回答

相關問題