Javascript HighCharts：如何在样条曲线图中显示yAxis标签的唯一文本

在样条曲线图中，我想将不同的文本显示为yAxis标签

目前，我只能为所有数据值呈现相同的文本

预期结果：对于样条曲线图中的y轴标签，显示不同的文本，而不是od点。值

您可以尝试highcharts

试试这个：

var标签列表=[“非常低”、“低”、“中”、“高”、“非常高”]；
Highcharts.chart（'容器'{
图表：{
类型：“样条线”
},
标题：{
文字：“月平均气温”
},
副标题:{
文本：'来源：WorldClimate.com'
},
xAxis：{
类别：[1,2,3,4,5,6]
},
亚克斯：{
标题：{
文字：“温度”
},
标签：{
格式化程序：函数（e）{
开关（真）{
案例（e.value您可以创建一些外部数据集，并从函数中引用它：

var customLabels = ['test1', 'test2', 'test3', 'test4', 'test5', 'test6', 'test7'],
    label,
    counter = 0;

Highcharts.chart('container', {
    ...,
    yAxis: {
        title: {
            text: 'Temperature'
        },
        labels: {
            formatter: function() {
                label = customLabels[counter];
                counter++;

                if (this.isLast) {
                    counter = 0;
                }

                return label;
            }
        }
    },
});

现场演示：

var customLabels = ['test1', 'test2', 'test3', 'test4', 'test5', 'test6', 'test7'],
    label,
    counter = 0;

Highcharts.chart('container', {
    ...,
    yAxis: {
        title: {
            text: 'Temperature'
        },
        labels: {
            formatter: function() {
                label = customLabels[counter];
                counter++;

                if (this.isLast) {
                    counter = 0;
                }

                return label;
            }
        }
    },
});