title: Pass 3 values in highcharts series
body: <p>I have a scatter chart from Highcharts, in the y axis i put 'Intensity' values,and in the x axis i have datetimes (month,day,year). </p>
  
  <pre><code>chart: {
    type: 'scatter',
    zoomType: 'xy',
    renderTo: 'chartContainer'
  },
  rangeSelector: {
    enabled: true
  },
  xAxis: {
    title: {
      enabled: true
    },
    type: 'datetime',
    dateTimeLabelFormats:{
      month: '%e. %b %Y',
      year: '%b'
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true
  },
  yAxis: {
    title: {
      text: 'Intensity'
    },
    min: 0,
    max: 100
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 5,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: {
            enabled: false
          }
        }
      },
      events: {
        click: function(event) {
  
          showMoreData();
  
  
        }
      }
    }
  },
  series: [{
    name: 'Male',
    color: 'rgba(144,36,58, .8)',
    data: getDataParsed()
  }]
  </code></pre>
  
  <p>These data are loaded from another function <code>getDataParsed()</code>, where I do a ajax GET and get multiple data . The question is how i pass more data (also Intensity and Datetimes) so i can used later in the scatter chart.</p>
  
  <pre><code>function getDataParsed() {
  
  var serie = [];
  
  var i=0;
  dolorCollect.forEach(function (dato) {
  
  
  var arr = dato.FECHA_INICIO.split("/");
  var hour = dato.HORA_INICIO.split(":");
  
  serie[i]=     [Date.UTC(arr[2],arr[1]-1,arr[0],hour[0],hour[1]),dato.INTENSIDAD_DOLOR];
  
  
  i++;
  
  });
  
  return serie;
  
  }
  </code></pre>