Highcharts панорамирование

Я пытаюсь реализовать панорамирование highcharts на основе этого примера: http://jsfiddle.net/HXUmK/5/

Но я хочу иметь возможность масштабировать левой кнопкой мыши и панорамировать правой кнопкой мыши. Поэтому я изменил приведенный выше код и сумел заставить его работать немного, но когда я перемещаюсь, удерживая правую кнопку мыши, графики также увеличиваются.

Есть ли способ отключить масштабирование правой кнопкой мыши в старших чартах?

Изменить: Извините за то, что не очень ясно об этом. Код в jsfiddle не мой код. Забудьте этот код, это просто пример формы, которую я начал. Я пытаюсь изменить этот код, чтобы получить левую кнопку масштабирования и правую кнопку панорамирования. Так что я отключил масштабирование с помощью колесика мыши и активировал стандартное масштабирование

Edit2: вот мой код: http://jsfiddle.net/TKPQN/

Источник

2 ответа

Решение

Я хотел использовать клавишу 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/

Источник

Вы можете попробовать с выбором события:

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

Смотрите http://jsfiddle.net/TKPQN/48/

Источник
Другие вопросы по тегам