Highcharts X轴类别

Question

正在使用highcharts，并想知道如何根据值对x轴进行分类。

这里是我的代码，并愿0-25分类为A，25-50为B，50-75为C和75-100为D.

你能请让我知道如何做到这一点。

$(function() { 
 
    $('#container').highcharts({ 
 
     title: { 
 
      text: 'Chart reflow is set to true' 
 
     }, 
 

 
     
 

 

 
     xAxis: { 
 
      min:0, 
 
      max:100, 
 
      tickInterval: 25, 
 
      
 
     }, 
 
      yAxis: { 
 
\t \t \t min:0, 
 
      max:10, 
 
      tickInterval:2, 
 
      title: { 
 
       text: 'values' 
 
      }, 
 
      
 
     }, 
 

 
     series: [{ 
 
      data: [[2,1], [15,3], [30,6], [50,9.5], [60,9.8], 
 
        [83,5], [90,3],[99,0.2]] 
 
     }] 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<script src="http://code.highcharts.com/highcharts.js"></script> 
 
<script src="http://code.highcharts.com/highcharts-more.js"></script> 
 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 
 

 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

Answer 1

使用本：Here is your updated fiddle

labels: { 
    formatter: function() { 
     if(this.value == 0) 
     return "A"; 
     if(this.value == 25) 
      return "B"; 
     if(this.value == 50) 
      return "C"; 
    } 
}