在Highcharts中進行平移（在移動設備中）

使用高圖來繪製列類型圖表。 x軸上的數據不是基於時間戳的數據。這只是正常的類別。就像下面提到的小提琴一樣。在Highcharts中進行平移（在移動設備中）

的jsfiddle：http://jsfiddle.net/BalajiR/d1LL2tvk/4/

我已經啓用了搖攝，使用戶可以在圖表上平移，以查看完整的圖。它在瀏覽器中正常工作，就像小提琴一樣。但是，對於觸摸設備而言，這並不適用，因爲它需要縮放圖表來放大。

我不想要任何縮放功能。與設備（平移）中的瀏覽器一樣的行爲。

請分享任何方式來實現相同。

$(function() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'column', 
       backgroundColor: '#F0F0F0', 
       panning:true 
      }, 

      title: { 
       text: null 
      }, 
      xAxis: { 
       categories: ['PLAN_1','PLAN_2','PLAN_3','PLAN_4','PLAN_5','PLAN_6','PLAN_7','PLAN_8','PLAN_9','PLAN_10'], 
       min:0, 
       max: 3 
      }, 
      legend: { 
       enabled: false 
      }, 
      tooltip: { 
       formatter: function() { 
        return '<b>'+ this.x +'</b><br/>'+ 
         this.series.name +': '+ this.y; 
       } 
      }, 
      plotOptions: { 

       column: { 
        grouping: false, 
        pointWidth: 30 
       } 
      }, 
      series: [{ 
       name: 'Total', 
       data: [8, 10, 5, 9, 6, 8, 10, 5, 9, 6], 
       color: '#97BF0D' 
      }, { 
       name: 'Actionable', 
       data: [4, 5, 2, 4, 3, 4, 5, 2, 4, 3], 
       color: '#FFFFFF' 
      }] 
     }); 
    });

問候，巴拉吉[R

來源

2014-08-31 Balaji

設置zoomType和平移將工作。例如：http://jsfiddle.net/d1LL2tvk/10/（在android/naxus4上測試）。 – 2014-09-01 11:04:33

@SebastianBochan OP不需要縮放功能。 – Ashish 2017-05-03 19:07:37

有沒有辦法讓它在移動設備上無縮放功能，因爲它在瀏覽器上工作？ – Ashish 2017-05-03 19:09:36

我還沒有實現它自己還並有可能成爲這樣的一個更清潔的方式，但這裏有一個潛在的解決方案：

您的瀏覽器，您可以平移，因爲它是事件onDrag的默認動作;當用戶點擊並拖動屏幕時會發生此事件。您的移動平臺正在使用onZoom，因爲它沒有拖動功能。

我會做的就是手動設置事件，讓它像onZoom事件一樣泛起來。如果您ondrag當發現的默認行爲，你可以做

onZoom(e){// same behavior as onDrag};

所有這一切都在events鍵定義。

來源

2014-08-31 16:41:25 ZekeDroid

在Highcharts中進行平移（在移動設備中）

回答

相關問題