title: Highcharts: how to handle touch events via plotOptions.series.events
body: <p>On a Highcharts bar chart, when the user clicks one of the bars, additional data is loaded elsewhere on the page via the <code>loadDetails</code> function. </p>
  
  <p><code>loadDetails</code> is specified as a click callback function for a chart via <code>plotOptions.series.events</code>:</p>
  
  <pre><code>var chart = new Highcharts.Chart({
      defaultSeriesType: 'bar',
      ...
      plotOptions: {
          series: {
              events: {
                  click: loadDetails
              }
          }
      },
      ...
  
  });
  
  function loadDetails() {
      ...
  }
  </code></pre>
  
  <p>The problem is I need to call the same callback function for a <code>touchstart</code> event on mobile devices.</p>
  
  <p>There doesn't seem to be any obvious way of adding a touch event handler via the Highcharts API as far as I could tell: <a href="http://api.highcharts.com/highcharts#plotOptions.series.events" rel="nofollow">http://api.highcharts.com/highcharts#plotOptions.series.events</a>.</p>
  
  <p>Has anyone got any idea how to add callback functions for touch events, or trigger the click callback function from a touch event?</p>