title: Plotting multiple series from JSON php import to Highcharts
body: <p>because I'm pretty new to JS, I can't understand how to implement multiple data series into my code</p>
  
  <p>Here is my php page that I use as data grabber:</p>
  
  <p>getTrendData-TIMEREQUESTED-hms.php</p>
  
  <pre><code>&lt;?php
      //Define possible Argument request
      $format = $_GET['format'];
  
      if($format=='json')    {
          header("Content-type: text/json");
      }
  
      //Define database credential
      $servername = "localhost";
      $username   = "test";
      $password   = "test";
      $dbname     = "test";
      try {
          //Open connection to mysql_db from defined Database credentials
          $connection = mysqli_connect($servername, $username, $password, $dbname) or die ("Error " . mysqli_error($connection));
          $sql   = "select TIMEREQUESTED,TS FROM TIMEREQUESTED ORDER BY TS;";
          $result = mysqli_query($connection, $sql) or die ("Error in Selecting " . mysqli_error($connection));
          //create an array
          $data = array();
          while($row = mysqli_fetch_assoc($result))    {
              $TIMEREQUESTED = strtotime($row['TIMEREQUESTED'])*1000;
              $TS = strtotime($row['TS'])*1000;
              $data[] = array($TS, $TIMEREQUESTED);
          }
  
          echo json_encode($data);
          //close the db connection
          mysqli_close($connection);
      }
  
      catch(PDOException $e)  {
          echo $e-&gt;getMessage();
      }
  
      ?&gt;
  </code></pre>
  
  <p>Than I include in HighCharts with an Ajax call, that call himselfs each 2500 miliseconds,  </p>
  
  <p>getTrendData-TIMEREQUESTED-hms.php</p>
  
  <pre><code>[[1461241983000,5.67,0],[1461242015000,16.67,0],[1461242164000,16.67,0],[1461242303000,26.25,0],[1461242835000,-2.5,0],[1461242869000,-2.5,0],[1461242991000,1.5,0],[1461243034000,3.14,0],[1461243374000,-14.22,0],[1461243456000,-11.92,0],[1461244995000,0,0],[1461245036000,-3.6,140],[1461245208000,-3,140],[1461245260000,3.56,140],[1461245312000,2.1,140],[1461245346000,2.1,140],[1461245411000,3.5,140],[1461245442000,3.5,140],[1461245479000,-1,140],[1461245757000,-0.8,140],[1461245809000,-0.69,140]]
  </code></pre>
  
  <p>TIMEREQUESTED-hms.html</p>
  
  <pre><code>function buildTIMEREQUESTED() {
    var chart;
    var dataSource = 'getTrendData-TIMEREQUESTED-hms.php?format=json';
    var ChartHeight = window.innerHeight;
  
    function requestData() {
      $.ajax({
        url: dataSource,
        success: function(points) {
          chart.series[0].setData(points, true);
          setTimeout(requestData, 2500);
        },
        cache: false
      });
    }
    $(document).ready(function() {
      //add our div for the chart
      $("#container").append("&lt;div id=chart-laptime style='width:100%''&gt;&lt;/div&gt;");
      chart = new Highcharts.Chart({
        chart: {
          height: ChartHeight,
          renderTo: 'chart-laptime',
          defaultSeriesType: 'line',
          events: {
            load: function() {
              requestData();
            }
          },
        },
        tooltip: {
          enabled: true,
          formatter: function() {
            s = (this.y / 1000);
            m = Math.floor(s / 60);
            h = Math.floor(m / 60);
            s = s % 60;
            m = m % 60;
            h = h % 24;
            if (h &lt; 9) h = "0" + h;
            if (m &lt; 9) m = "0" + m;
            if (s &lt; 9) s = "0" + s;
            return '&lt;span style="color:black"&gt;Time Zero - &lt;/span&gt;' + [m, s].join(':');
          }
        },
        title: {
          text: 'TIMEREQUESTED'
        },
        subtitle: {
          text: 'BEST 5 CAR AVEREGE LAPTIME IN LAST 10 MINUTES'
        },
        xAxis: {
          type: 'datetime',
          title: {
            text: 'RACE TIME'
          }
        },
        yAxis: {
          type: 'datetime',
          dateTimeLabelFormats: {
            millisecond: '%H:%M:%S',
          },
          //dateFormat: {"%H:%M:%S.%L"}
          title: {
            text: 'TIMEREQUESTED'
          }
        },
        series: [{
          name: 'TIMEREQUESTED',
          showInLegend: false,
          //tooltip: {type: 'datetime',},
          data: [],
        }]
      }); //end chart               
    }); //end document.ready
  }
  </code></pre>
  
  <p>In that way I can get the single series proper displayed, but with the MySQL query I'm able to get more columns from the database, and parsing in each rows of the json file,(As is showed in the JSON file from php request, there is a third values for each array) but  I'm not able to understand how to display multiple data series, with on the xAxis always the first column of the JSON file, and on the yAxis each time a different columns. </p>
  
  <p>Could you please give me some suggestions on how to display multi series on the same graph? It would be so much appreciated,</p>
  
  <p>Best regards.</p>