3

私はタブレット用にサイトを最適化しており、ユーザーが苦しむことなくページをパンできるように、ハイチャートのすべてのイベントを無効にすることに関心があります。

コンストラクターでイベントを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 に答える