HighCharts 在 yAxis 中使用文本而不是数字

Question

我有以下的jsfiddle一个highchart与数值工作的Y轴，但我想要做的是改变它的数据我想提出，而不是26.5 26.5 16.5 26.5IShot warm cold

有没有办法让这个工作，因为从数据库接收到的数据被格式化 hot warm cold

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'spline'
        },
        title: {
            text: 'Monthly Average Temperature'
        },
        subtitle: {
            text: 'Source: WorldClimate.com'
        },
        xAxis: {
            categories: ['16 Feb 15', '16 Apr 15', '27 Jul 15', '10 Nov 15', ]
        },
        yAxis: {
            title: {
                text: ''
            },
            labels: {
                formatter: function () {
                    return this.value + '°';
                }
            }
        },
        tooltip: {
            crosshairs: true,
            shared: true
        },
        plotOptions: {
            spline: {
                marker: {
                    radius: 4,
                    lineColor: '#666666',
                    lineWidth: 1
                }
            }
        },
        series: [{
            name: 'Dates',
            data: [{
                y: 26.5,
                marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
                }
            },{
                y: 26.5,
                marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
                }
            },{
                y: 16.5,
                marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
                }
            },{
                y: 26.5,
                marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
                }
            }
            ]

        }]
    });
});

Answer 1

您是说您只想更改标签文本，还是想从实际数据点中删除详细信息并仅绘制该温度是“冷”、“暖”还是“热”？

如果您只希望数据反映这三个值，请在 y 轴上使用类别，并且您需要使用类别索引（0、1 或 2）来指示数据点所属的类别

Example：

• http://jsfiddle.net/jlbriggs/fjy6td59/2/

如果您想保留特定的数据值而只更改标签，您可以使用标签格式化程序和一系列返回适当标签的值，如图artm所示。