title: Redirecting to a URL on Highcharts marker click
body: <p>How can I pass a third value (e.g. ID number) in a Highcharts time series so that I can open a new window based on it on marker click? <a href="http://jsfiddle.net/9vb74u6a/4/" rel="nofollow">JsFiddle here.</a></p>
  
  <p>I'm familiar with this method for a <a href="http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-point-events-click-url/" rel="nofollow">simple chart</a> with categories, but not for a time series.</p>
  
  <p>Typically, a Highcharts time series accepts a series of arrays like <code>[1401285311000,1]</code>, which can be read in a click event with <code>event.point.options.x</code> and <code>event.point.options.y</code>. </p>
  
  <p>Is there a way to add an <code>id</code>to each point, and then read it in a point's click event callback? I've tried passing it as a third value (Highcharts ignores it completely), or putting it under <code>id</code> after the two values (<code>[1401285311000, 1, id: {1}]</code>) which breaks the chart.</p>
  
  <p>Any ideas?</p>
  
  <pre><code>// Replacing ajax call with a simple array for simplicity's sake
  var data = [{"name":"Value","unit":"","data":[[1401285311000,5, 1],[1401288036000,10, 2],[1401289436000,8, 3],[1401291099000,15, 4]]}, {"name":"Value 2","unit":"","data":[[1401285311000,10, 1],[1401288036000,12, 2],[1401289436000,5, 3],[1401291099000,9, 4]]}]
  
  
  $(function () {
      $('#container').highcharts({
          chart: {
              zoomType: 'x'
          },
          title: {
              text: 'Time Series'
          },
          subtitle: {
              text: document.ontouchstart === undefined ?
                      'Click and drag in the plot area to zoom in' :
                      'Pinch the chart to zoom in'
          },
          xAxis: {
              type: 'datetime',
              minRange: 14 * 24 * 3600 // fourteen days
          },
          yAxis: {
              title: {
                  text: ''
              }
          },
          legend: {
              enabled: false
          },
                          plotOptions: {
                      series: {
                          lineWidth: 3,
                          marker: {
                              fillColor: null,
                              lineWidth: 2,
                              lineColor: null, // inherit from series
  
                          },
                          events:{
                                  click: function (event, i) { 
                                     console.log(event.point);
                                  }
                              }
                      },
                      line: {
                          dataLabels:{
                              enabled: false
                          }
                      },
                  },
  
          series: data
      });
  });
  </code></pre>