image - 在 Highcharts 中的 xAxis 上显示图像

Question

我在 xAxis 中共有 10 个类别，我想根据类别在 xAxis 中显示类别图标，所以请告诉我如何在 highchart 中的 xAxis 中显示图标。

Answer 1

一种选择是结合 useHTML: true 对标签使用 formatter。

例如:

xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
    labels: {
        useHTML: true,
        formatter: function() {
            if(this.value == "Jun")
                return '<img src="http://www.highcharts.com/demo/gfx/sun.png" style="width: 30px; vertical-align: middle" />'+this.value;
            else if(this.value == "Dec")
                 return '<img src="http://www.highcharts.com/demo/gfx/snow.png" style="width: 30px; vertical-align: middle" />'+this.value;
            else
                return this.value;
        }
    }
}

参见 this JSFiddle demonstration .