title: Dynamic Labels for X axis in HighCharts
body: <p>I need to display the labels on X axis from the JSON data that I am pulling from my API.</p>
  
  <p>but I think we can only give static labels for the axis ?</p>
  
  <p>Can anyone please let me know how to give dymanic labels?
  Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var obj = data[$("#host").val()].iscsi_lif.result.sectoutput.sect;
     var my_data_list = [];
     var readsize = [];
     for(var key in obj) {
       var avg_latency = parseInt(obj[key].avg_latency);
       var rsize = parseInt(obj['read_size_hist.&lt;=128KB']);
       my_data_list.push('Average Latency', parseInt(avg_latency));
       readsize.push('Read Size',parseInt(rsize));
                
     }
  
  
  
  $('#graphcontainer2').highcharts({
      chart: {
       type: 'column'
      },
      title: {
       text: 'Reads Sizing'
      },
      xAxis: {
       type: 'category',
       labels: {
        rotation: -45,
        style: {
         fontSize: '13px',
         fontFamily: 'Verdana, sans-serif'
        }
       }
      },
      yAxis: {
       min: 0,
       title: {
        text: 'Read Size'
       }
      },
      legend: {
       enabled: false
      },
      tooltip: {
       pointFormat: 'Read Size: &lt;b&gt;{point.y:.1f}%&lt;/b&gt;'
      },
      series: [{
       name: 'Read Size',
       data: my_data_list,
       dataLabels: {
        enabled: true,
        rotation: -90,
        color: '#FFFFFF',
        align: 'right',
        format: '{point.y:.1f}', // one decimal
        y: 10, // 10 pixels down from the top
        style: {
         fontSize: '13px',
         fontFamily: 'Verdana, sans-serif'
        }
       }
      }]
     });</code></pre>
  </div>
  </div>
  </p>