title: add event to x-axis labels of bar highchart
body: <p>I am trying to retrieve the text of a label on the char x-axis by clicking on it. I am using bar chart and the code is the following:</p>
  
  <pre><code>var chart = new Highcharts.Chart({
      chart: {
          type: 'column',
          backgroundColor: '#eaedf1',
          zoomType: 'x',
          renderTo: 'container'
      },
      plotOptions: {
          series: {
              cursor: 'pointer',
              pointWidth: 10,
              point: {
                  events: {
                      click: function (event) {
                          console.log(event.point.name + " " + this.y);
                      }
                  }
              }
          }
      },
      title: {
          text: 'Total Flow Types'
      },
      xAxis: {
          type: 'category',
          labels: {
              rotation: -90
          }
  
      },
      yAxis: {
          min: 0,
          title: {
              text: 'millions'
          }
      },
      legend: {
          enabled: false
      },
      series: [{
          name: 'Flow Types'
      }]
  }); 
  </code></pre>
  
  <p>Then by clicking on a button the chart gets populated using ajax which works fine. By checking the dom of the chart I saw that each of the labels is text /text. They are part of g/ element with a class highcharts-axis-labels highcharts-xaxis-labels. So I've tried retrieving the values using jquery like:</p>
  
  <pre><code>$('body').on('click', 'g.highcharts-axis-labels.highcharts-xaxis-labels text',   function () {
      console.log($(this).text());
  }); 
  </code></pre>
  
  <p>or just</p>
  
  <pre><code>$('body').on('click', 'text',   function () {
      console.log($(this).text());
  }); 
  </code></pre>
  
  <p>This all is part of the document.ready function. Unfortunately none of these retrieves the text of a x-axis label?</p>