title: Multiple series from JSON Highstock
body: <p>I have a problem with my HighStock, I need another series from JSON.</p>
  
  <p>My code in <strong>get_json.php</strong></p>
  
  <pre><code>include('config.php');
  
  $cp = $_REQUEST["c_prot"];
  
  $r=("SELECT * FROM data WHERE cp='$cp'"); 
  $result=mysql_query($r);
  
  while($row = mysql_fetch_array($result)){
      $date= strtotime($row['cas'])*1000;  // timestamp
      $values=hexdec($row['data']);        // series1 
      $val=hexdec($row['src']);            // series2
  
      $array[]=array($date, $values,$val);  //output array
  }
  echo json_encode($array);
  </code></pre>
  
  <p>JSON output is in correct format: [1364852734000, 557, 2884],....
  But problem is, that I didn't find how to add second series from JSON to Highstock code</p>
  
  <p>I would like to display in chart x-axis: timestamp
                                   y-axis:  series1->data
                                            series2->src</p>
  
  <p>chart now displays only on x-axis timestamp and on y-axis data...but series2 doesn't work:/</p>
  
  <p>High Stock code:</p>
  
  <pre><code>&lt;script&gt;
  $(function () {
      $.getJSON('http://localhost/vojto/get_json.php?c_prot=&lt;?=$_REQUEST['
      c_prot '];?&gt;', function (data) {
  
          // Create the chart
          $('#container').highcharts('StockChart', {
  
              chart: { //zooming
                  zoomType: 'x',
                  height: 400,
              },
  
              legend: { //legenda
                  enabled: true,
                  align: 'left',
                  backgroundColor: '#FCFFC5',
                  borderColor: 'black',
                  borderWidth: 1,
                  layout: 'vertical',
                  verticalAlign: 'top',
                  y: 100,
                  shadow: true
              },
  
              rangeSelector: { //range selector
                  buttonTheme: {
                      width: 40,
  
                  },
  
                  buttonSpacing: 3, //mezera mezi buttony
                  enabled: true,
  
                  buttons: [{
                      type: 'minute',
                      count: 60,
                      text: 'Hour'
                  }, {
                      type: 'day',
                      count: 1,
                      text: 'Day'
                  }, {
                      type: 'week',
                      count: 1,
                      text: 'Week'
                  }, {
                      type: 'all',
                      text: 'Reset'
                  }]
              },
  
              title: { //title grafu
                  text: 'Chart'
              },
  
              series: [{ //serie
                  name: 'Data',
                  data: data,
                  color: '#57c72f',
                  marker: {
                      enabled: true,
                      radius: 3
                  },
                  shadow: true,
                  tooltip: {
                      valueDecimals: 2
                  }
              }],
  
              xAxis: { // X-osa
                  type: 'datetime',
                  title: {
                      text: 'Date/time axis',
                  },
                  minRange: 600000,
  
              },
              yAxis: {
                  min: 0,
              },
              navigator: {
                  series: {
                      color: '#57c72f',
                      fillOpacity: 0.3,
                  }
              },
              credits: {
                  enabled: false
              },
  
              tooltip: { // formátování hodnot po najetí kurzoru... hover
                  formatter: function () {
                      var s = '&lt;b&gt;' + Highcharts.dateFormat('DateTime ' + '%d-%m-%y ' + '%H:%M:%S', this.x) + '&lt;/b&gt;';
  
                      $.each(this.points, function (i, point) {
                          s += '&lt;br/&gt;Data value : ' + point.y;
                      });
  
                      /* formát  23-04-13 09:34:27 */
                      return s;
                  }
              },
          });
      });
  });
  &lt;/script&gt;
  </code></pre>