6

この例に基づいてhighchartsパンを実装しようとしています：http： //jsfiddle.net/HXUmK/5/

ただし、マウスの左ボタンでズームしたり、マウスの右ボタンでパンしたりできるようにしたいと思います。そのため、上記のコードを変更して少し機能させることができましたが、マウスの右ボタンを押したままパンすると、グラフもズームします。

ハイチャートでマウスの右ボタンによるズームを無効にする方法はありますか？

編集：それについてあまり明確ではないことをお詫びします。jsfiddleのコードは私のコードではありません。そのコードを忘れてください、それは私が始めた魔女の単なる例です。左ボタンのズームと右ボタンのパンを取得するために、そのコードを変更しようとしています。そこで、マウスホイールズームを無効にして、標準のハイチャートズームをアクティブにしました

Edit2：これが私のコードです： http： //jsfiddle.net/TKPQN/

4

2 に答える 2

3

選択イベントで試すことができます：

chart: {
        ...
        events:{
            selection: function(event) {
                if (lastButton == 1)
                    event.preventDefault();
            }
       }
    }

http://jsfiddle.net/TKPQN/48/を参照してください

于 2013-03-14T18:49:02.457 に答える
0

ズームにキーを使用したかったShiftので、これが私の解決策です

 $('#container').highcharts('StockChart', {
    chart: {
        //zoomType: 'x', // we declare it without zoom, so the pan is enabled
        // ...
    }}); 
    var chart = $('#container').highcharts();
    chart.pointer.cmd = chart.pointer.onContainerMouseDown;
    chart.pointer.onContainerMouseDown = function (a){
        //in my case, I need only X zooming, so I enable it if shift is pressed
        this.zoomX=this.zoomHor=this.hasZoom=a.shiftKey;
        this.cmd(a);
    };

うまくいくようですので、お役に立てば幸いです

これがJSFiddleの動作例です：http：//jsfiddle.net/73bc23zq/

于 2014-09-08T20:09:23.380 に答える