highcharts panning

Question

Tôi đang cố gắng để thực hiện highcharts panning dựa trên ví dụ này: http://jsfiddle.net/HXUmK/5/

Nhưng tôi muốn để có thể phóng to với nút chuột trái và pan với nút chuột phải. Vì vậy, tôi đã sửa đổi mã ở trên và quản lý để làm cho nó hoạt động một chút, nhưng khi tôi xoay giữ nút chuột phải, các biểu đồ cũng thu phóng.

Có cách nào tôi có thể vô hiệu hóa nút chuột phải phóng to ở vạch cao không?

Chỉnh sửa: Rất tiếc vì không rõ ràng về điều này. Mã trong jsfiddle không phải là mã của tôi. Quên mã đó, nó chỉ là một hình mẫu phù thủy mà tôi bắt đầu. Tôi đang cố sửa đổi mã đó để thu phóng nút trái và nút phải. Vì vậy, tôi vô hiệu hóa zoom mousewheel và kích hoạt standars highcharts zoom

Edit2: Đây là mã của tôi: http://jsfiddle.net/TKPQN/

Answer 1

tôi ve muốn sử dụng phím Shift để thu phóng, vì vậy đây là giải pháp của tôi

$('#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); 
    }; 

dường như làm việc ok, vì vậy hy vọng nó giúp bạn

đây là một ví dụ JSFiddle làm việc: http://jsfiddle.net/73bc23zq/

Answer 2

Bạn có thể thử với lựa chọn sự kiện:

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

Xem http://jsfiddle.net/TKPQN/48/