Y轴的Highcharts文本标签-Java 学习之路

我正在使用Highcharts，并希望显示一个简单的柱形图，但我不想使用y轴的数值，而是想使用文本值 .
例如，我想使用 [Very Low,Low,Medium,High,Very High] 而不是 [0,5,10,15,20] .

我注意到有可能用绘图带做到这一点，但仍然显示数字y轴标签，只是将文本放在它们旁边 . 我只想显示文字标签 .

2 回答

您可以使用label formatter更改标签 . 假设您的数据形成得恰当，您可以执行以下操作：

var yourLabels = ["Very Low", "Low", "Medium", "High", "Very High"];
var yourChart = new Highcharts.Chart({
    //...
    yAxis: {        
        labels: {
            formatter: function() {
                return yourLabels[this.value];
            }
        }
    }
    //...
});

回复于 2024-05-01T08:53:09+08:00

声明一个对象，该对象将用于切换要更改的值，如下所示 .

var change = {
    0: 'Very Low',
    5: 'Low',
    10: 'Medium',
    15: 'High',
    20: 'Very High'
};

然后在您的图表选项上使用标签格式化程序来切换它 .

yAxis: {
    labels: {
        formatter: function() {
            var value = change[this.value];
            return value !== 'undefined' ? value : this.value;
        }
    }
}

回复于 2024-05-01T08:53:09+08:00

Y轴的Highcharts文本标签

2 回答

相关问题