title: High Charts Live Data multiple series from php files
body: <p>Im fairly new to js and php , I am trying to load a live chart with mutliple series of btc price from exchanges from php files. Ive tried and failed, i can only get 1 of the data series to load , they all work individually but getting all of them to load as seperate points on the chart at the same time eludes me.</p>
  
  <p>BITSTAMP.PHP -- results:  [1519417809000,9932.83]</p>
  
  <pre><code>&lt;?php
  header("Content-type: text/json");
  function bitstampbtcusdgetprice($url)
  
  {   $decode = file_get_contents($url);
      return json_decode($decode, true); }
  
  $x = time() * 1000;
  $y = 
  $btcusdgetprice('https://www.bitstamp.net/api/v2/ticker/btcusd');
  $btcusdtickerprice = round(($y["last"]), 2);
  $ret = array($x, $btcusdtickerprice);
  echo json_encode($ret);
  ?&gt;
  </code></pre>
  
  <p>CHART.JS</p>
  
  <pre><code>var chart; 
  
  function requestDatabitstamp() {
  
  $.ajax({
  
      url: 'php/bitstamp.php',
      success: function(point) {
  
          var series = chart.series[0],
              shift = series.data.length &gt; 100; 
  
          chart.series[0].addPoint(point, true, shift);      
  
          setTimeout(requestDatabitstamp, 30000);
  
      },
  
      cache: false
  });
  }
  
  $(document).ready(function() {
  
  chart = new 
  
      Highcharts.Chart({
  
      colorAxis:{     gridlineColor: '#4c4c4c'},
      marker:{        animation: '10000'},
  
                      chart:{ renderTo: 'container',
                              defaultSeriesType: 'line',
                              backgroundColor: '#141414',
                              borderColor: '#00A578',
                              plotbackgroundColor: '#161616',
                              parallelAxes: {linecolor: '#4c4c4c'},
                              events: { load: requestDatabitstamp}},
  
      tooltip:{       style: {color: '#FFFFFF',
                      fontSize: '10px'},
                      backgroundColor: '#141414',
                      borderRadius: '12'},
  
      title:{         text: '&lt;font style="color:#FFFFFF;font-family:verdana;"&gt;Exchange Comparison&lt;/font&gt;'},
  
      plotOptions:{   series: {
                      color: '#00A578'}},
  
      xAxis:{         type: 'datetime',
                      tickPixelInterval: 150,
                      maxZoom: 50 * 1000},
  
      yAxis:{         minPadding: 0.2,
                      maxPadding: 0.2,
  
      title:{         text: '&lt;font style="color:#00A578;font-family:verdana;"&gt;USD&lt;/font&gt;',
                      margin: 30}},
  
      series: [{      color: '#00A578',
                      name: '&lt;font align="center" style="color:#00A578;font-family:verdana;"&gt;Bitstamp&lt;/font&gt;',
                      data: []
  
      }]});});
  </code></pre>