legend: {
useHTML: true,
// 使 legend 自带的 symbol 显示为 none 效果
symbolWidth: 0.001,
symbolHeight: 0.001,
symbolRadius: 0.001,
// 格式化 legend 的 label
labelFormatter() {
var img = '<img src = "https://www.highcharts.com/samples/graphics/sun.png" width="14px" height="14px">'
return img + ' ' + this.name
}
}
highchart 自定义示例图标
最新推荐文章于 2022-09-16 15:01:32 发布
本文介绍了如何在Highcharts中自定义图例,包括设置极小的symbol宽高以达到隐藏效果,以及使用HTML标签来展示自定义图片和名称。通过labelFormatter函数,实现了将太阳图标与图例名称结合的个性化展示。
摘要由CSDN通过智能技术生成