Javascript Highcharts X轴标签的多个图像

Javascript Highcharts X轴标签的多个图像,javascript,highcharts,Javascript,Highcharts,我希望能够在highcharts spiderweb图表上显示不同图像的列表。到目前为止,我只能在需要的地方反复显示一幅单幅图像 labels: { formatter: function() { return '<img src="' + img_path + '" style="width:45px;height:45px;" />'; }, useHTML: true, align: 'center' } 标签:{ 格

我希望能够在highcharts spiderweb图表上显示不同图像的列表。到目前为止,我只能在需要的地方反复显示一幅单幅图像

labels: {
  formatter: function() {       
        return '<img src="' + img_path + '" style="width:45px;height:45px;" />';
    },
    useHTML: true,
    align: 'center'
}
标签:{
格式化程序:函数(){
返回“”;
},
是的,
对齐:“居中”
}

是否可以为每个x轴项目提供不同的标签?

最简单的方法是将xAxis.type设置为category,并提供包含“name”键的数据,其中name是返回HTML span元素的函数的输出

演示:

函数返回HTML span元素:

var dataName = function(imgSrc) {
  return '<span><img src=' + imgSrc + ' ' + 'style="width: 40px; height: 40px;"/><br></span>';
};

API:

API:

var data2016 = [
  [17, dataName("https://image.flaticon.com/icons/svg/197/197571.svg")],
  [19, dataName("https://image.flaticon.com/icons/svg/197/197408.svg")],
  [26, dataName("https://image.flaticon.com/icons/svg/197/197375.svg")],
  [27, dataName("https://image.flaticon.com/icons/svg/197/197374.svg")],
  [46, dataName("https://image.flaticon.com/icons/svg/197/197484.svg")],
];