title: highcharts cannot panning on mobile browser
body: <p>it working on PC's browser, but not working on android's chrome browser(on my nexus 7 ver 4.3).</p>
  
  <p><a href="http://jsfiddle.net/kUSyF/80/" rel="nofollow">JSFiddle</a></p>
  
  <pre><code>$(function () {
      $('#container').highcharts({
          chart: {
              panning: true
          },
          xAxis: {
              categories: ['1#', '2#', '3#', '4#', '5#', '6#', '7#', '8#', '9#', '10#', '11#', '12#', '13#', '14#', '15#', '16#', '17#', '18#', '19#', '20#', '21#', '22#', '23#', '24#', '25#', '26#', '27#', '28#', '29#', '30#', '31#', '32#', '33#', '34#', '35#', '36#', '37#', '38#', '39#', '40#', '41#', '42#', '43#', '44#', '45#', '46#', '47#', '48#', '49#', '50#', '51#', '52#', '53#', '54#', '55#', '56#', '57#', '58#', '59#', '60#', '61#', '62#', '63#', '64#', '65#', '66#', '67#', '68#', '69#', '70#', '71#', '72#', '73#', '74#', '75#', '76#', '77#', '78#', '79#', '80#', '81#', '82#', '83#', '84#', '85#', '86#', '87#', '88#'],
              min: 0,
              max:18
          },
          scrollbar: {
              enabled: true,
              liveRedraw: false
          },
          yAxis: {
              allowDecimals: false,
              min: 0,
              max: 10
          },
          series: [{
              data: [0, 0, 8, 10, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1]}]
      });
  });
  </code></pre>