title: High Chart X Axis to display month and year
body: <p>In this high chart coding, I want to change X Axis to display month and year.(ex- Feb-20014) Here my code work. How can do it? I want to go for at least 5 years. My chart is column chart. Please note that</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
                      $(function () {
          // Set up the chart
                          var chart = new Highcharts.Chart({
                              chart: {
                                  renderTo: 'container',
                                  type: 'column',
                                  margin: 75,
                                  options3d: {
                                      enabled: false,
                                      alpha: 15,
                                      beta: 15,
                                      depth: 50,
                                      viewDistance: 25
                                  }
                              },
                              title: {
                                  text: 'Payment Details'
                              },
                              plotOptions: {
                                  column: {
                                      depth: 25
                                  }
                              },
                              series: [{
                                      data: [
          &lt;?php
          for ($i = 0; $i &lt;= 12; $i++) {
              echo $i. ',';
          }
          ?&gt;
  
                                      ]
  
                                  }]
                          });
  
                          function showValues() {
                              $('#R0-value').html(chart.options.chart.options3d.alpha);
                              $('#R1-value').html(chart.options.chart.options3d.beta);
                          }
  
          // Activate the sliders
                          $('#R0').on('change', function () {
                              chart.options.chart.options3d.alpha = this.value;
                              showValues();
                              chart.redraw(false);
                          });
                          $('#R1').on('change', function () {
                              chart.options.chart.options3d.beta = this.value;
                              showValues();
                              chart.redraw(false);
                          });
  
                          showValues();
                      });
                  &lt;/script&gt;
  </code></pre>