title: jquery highcharts text on y-axis
body: <p>Hi I am trying to create a simple column chart with high charts.</p>
  
  <p>The chart displays a students grades for four assignments.</p>
  
  <p>Each of the four assignments is listed across the x-axis.</p>
  
  <p>The y Axis should display each of the possible grades A - E consecutively (i.e. each letter MUST appear on the axis, even if there is no data in the series for that grade).</p>
  
  <p>I have tried using numbers to signify the grades in my series data and then using the suggestion at <a href="https://stackoverflow.com/questions/4987457/highcharts-text-labels-for-y-axis">Highcharts text labels for y-axis</a> to manually populate the y-axis, but only the first grade shows.</p>
  
  <p>Plus, when I <code>alert(this.value)</code> in the label formatter function, I get a sporadic series of numbers returned(0,500,0,5,10), of which only a couple bare any relation to the numbers in my series data. Help Please!</p>
  
  <p>Here is my code;</p>
  
  <pre><code>$(document).ready(function(){
  
      var seriesData = [{
                      name: 'Grade',
                      data: [5,2,1,4]
                      }];
  
      var xAxisLabels = {categories: ['Assignment One', 'Assignment Two', 'Assignment Three', 'Assignment Four']};
  
      var yAxisLabels = ['E','D','C','B','A'];
  
      var chart = new Highcharts.Chart({
  
          chart: {
              renderTo: 'chart',
              defaultSeriesType: 'column'
          },
          series: seriesData,
          xAxis: xAxisLabels,
          yAxis: {        
              labels: {
                  formatter: function() {
                      return yAxisLabels[this.value];
                  }
              }
          }
  
      });
  
  
  });
  </code></pre>