Highcharts X-Axis as Text

Question

在這個小提琴中 ，無需更改系列數據，是否可以將x軸標簽顯示為文本，即{“apple”，“orange”，“mango”}而不是小數，即{0,1,2}，而不是分開來自JSON的標簽並將其提供給類別。

$(function () {
$('#container').highcharts({
    chart: {
    },
            xAxis: {
        tickInterval: 1,
        labels: {
            enabled: true
            }
    },

    series:  [{name:"ser1",data:[["apple",29.9], ["orange",71.5], ["mango",106.4]]},{name:"ser2",data:[["apple",40], ["mango",90]]}]        
});

}）;

Answer 1

在xAxis中使用catgories

categories: ["apple","orange","mango"],

我在http://jsfiddle.net/Lq6me/1/上更新了你的小提琴

如果你不想使用類別，你可以去

labels:{
formatter: function() {}
}

希望這個能對您有所幫助

Answer 2

嘗試這個：

$(function () {
var seriesData = [{name:"ser1",data:[["apple",29.9], ["orange",71.5], ["mango",106.4]]},{name:"ser2",data:[["apple",40], ["mango",90]]}];

$('#container').highcharts({
    chart: {
    },
            xAxis: {
        tickInterval: 1,
        labels: {
            enabled: true,
            formatter: function() { return seriesData[0].data[this.value][0];},
            }
    },
    series:  seriesData     
  });
});

看看演示