将 X 轴高图为文本

Highcharts X-Axis as Text

本文关键字：文本 高图      更新时间：2023-09-26

在这个小提琴中，在不更改系列数据的情况下，是否可以将 x 轴标签显示为文本，即 {"苹果"、"橙色"、"芒果"} 而不是小数，即 {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]]}]        
});

}）;

在xAxis中使用分类

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

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

如果不想使用类别，你可以去 

labels:{
formatter: function() {}
}

希望这对你有帮助

试试这个：

$(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     
  });
});

查看演示

相关文章：