title: xAxis.Categories does not works in highcharts when used with range selector
body: <p>I am working on using range-selector with column charts in Highcharts. By default, the data shown on the x-axis is Date/Time there, I want to set the values explicitly to be bind on the x-axis. To make it happen, I have set the xAxis property in the below manner, but it is not happening. </p>
  
  <pre><code>xAxis: {
      categories: ['Apples', 'Bananas', 'Oranges','Apples', 'Bananas', 'Oranges','Apples', 'Bananas', 'Oranges']
  }
  </code></pre>
  
  <p>Here is my  <a href="http://jsfiddle.net/4z1v9yom/5" rel="nofollow noreferrer">JSFiddle Code</a></p>
  
  <p>Code:</p>
  
  <pre><code>$('#container').highcharts('StockChart', {
          credits: {
            enabled: false
          },
          title : {
              text : 'AAPL Stock Price'
          },
          xAxis: {
              categories: ['Apples', 'Bananas', 'Oranges','Apples', 'Bananas', 'Oranges','Apples', 'Bananas', 'Oranges']
          },
          series : [{
              type: 'column',
              name : 'AAPL',
              data : data,
              tooltip: {
                  valueDecimals: 2
              }
          }],
          chart: {
              events: {
                  redraw: function () {
                      //debugger;
                      //var start=$('.highcharts-range-selector').value();
                      //var start=$('.highcharts-range-selector').value();
                      var minDate = $('input.highcharts-range-selector:eq(0)').val();
                      var maxDate = $('input.highcharts-range-selector:eq(1)').val();
                      $('#a').val(minDate+"   "+maxDate);//=minDate+"   "+maxDate;
                  }
              }
          }
      });
  });
  </code></pre>
  
  <p>Please help.</p>
  
  <p>Also, is there any restrictions on charts? that if we use range selector, we can't use other values?
  Thanks</p>