title: Create dynamic Highcharts graphs with json data
body: <p>I have <code>json</code> output with data:</p>
  
  <pre><code>[{"hour":"6","value1":"10","value2":"5","value3":"0","value4":45},{"hour":"7","value1":"0","value2":"10","value3":"0","value4":50}]
  </code></pre>
  
  <p>And I need to generate charts with <code>highchart</code> engine
  Here is <code>highchart</code> code fragment but i don't understand how to pass data into 'series' and 'categories':</p>
  
  <pre><code>xAxis: {
          categories: [
              'Jan',
              'Feb',
              'Mar', &lt;------------------------here need to be a hours
              'Apr',
              'May',
              'Jun',
              'Jul',
              'Aug',
              'Sep',
              'Oct',
              'Nov',
              'Dec'
          ],
          crosshair: true
      },
      series: [{
          name: 'value1',     
          data: [49.9, 71.5]   &lt;----------------values 1
      }, {
          name: 'value2',
          data: [83.6, 78.8]   &lt;----------------values 2
      }, {
          name: 'value3',
          data: [48.9, 38.8]
  
      },
      {
          name: 'value4',
          data: [42.4, 33.2]
  
      }        ]
  });
  </code></pre>