Javascript Highcharts X轴标签的多个图像
我希望能够在highcharts spiderweb图表上显示不同图像的列表。到目前为止,我只能在需要的地方反复显示一幅单幅图像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' } 标签:{ 格
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")],
];