title: HighCharts - how to align (justify) xAxis labels left and right
body: <p>I would like to align the x-axis labels and flush left to y-axis on the left and flush right on the right to y-axis in the chart shown below:</p>
  
  <p><img src="https://i.stack.imgur.com/AYd0h.png" alt="enter image description here"></p>
  
  <p>Here is the relevant code for x-axis and y-axes series:</p>
  
  <pre><code>var chart2 = new Highcharts.Chart({
    chart: {
      renderTo: 'discount_chart',
      type: 'line'
    },
    title: {
      text: "#{title_text_sense}"
    },
    xAxis: {
      title: { text: 'Price Range - $' },
      categories: #{price_array},
      showLastLabel: true,
    },
    yAxis: [{
      min: 0,
      type: 'linear',
      title: { text: 'Rate of Return - %' }
    },{
      min: 0,
      type: 'linear',
      title: { text: 'Disc. N.Rev./Invest.(ROI)' },
      opposite: true
    }],
  </code></pre>
  
  <p>Note that the variables are read from database so the price_array which is used to define the x-axis contains these values for this example:</p>
  
  <p>["$60.00","$70.00","$80.00","$90.00","$100.00"]</p>
  
  <p>Is there a way to do this in HighCharts?</p>
  
  <p>Thanks.</p>
  
  <p>Bharat</p>