使用HTML的Highcharts工具提示允许像图像这样的高级格式

我正在寻找一个Javascript代码示例，用于在Highcharts的饼图工具提示中可视化图片

我想看到不同的图片，根据部门，我导航

---

提前谢谢

您可以使用tootlip formatter和useHTML，然后返回您的自定义内容，包括图像

---

根据文件，以下是：

。。。HTML的子集。除非为true，否则工具提示的HTML将被解析并转换为SVG，因此这不是一个完整的HTML呈现程序。支持以下标记：

，

，

，

，

，

可以使用
style
属性设置跨距样式，但只处理与SVG共享的文本相关的CSS

因此，您应该如下设置工具提示：

工具提示：{
是的，
格式化程序：函数（）{
返回“+this.point.name+”：“+this.point.percentage+”%
“+
"";
}
},

下面是堆栈片段中的一个演示

Highcharts.chart（'container'{
图表：{
plotBackgroundColor:null，
plotBorderWidth:null，
影子：错，
键入：“馅饼”
},
标题：{
文字：“喜爱的水果”
},
工具提示：{
是的，
格式化程序：函数（）{
返回“+this.point.name+”：“+this.point.percentage+”%
“+
"";
}
},
打印选项：{
馅饼：{
allowPointSelect:true，
光标：“指针”，
数据标签：{
已启用：false
},
showInLegend：对
}
},
系列：[{
名称：'水果'，
colorByPoint：对，
数据：[{
名称：'苹果'，
y:50，
img:“https://i.imgur.com/MmK9Xkc.png"
}, {
名称：'香蕉'，
y:25，
img:“https://i.imgur.com/0G6GXWf.png"
}, {
名称：“橙色”，
y:15，
img:“https://i.imgur.com/Dv4KoD5.png"
}, {
名字：“西瓜”，
y:10，
img:“https://i.imgur.com/2LN8PfD.png"
}, ]
}]
});

useHTML
不再有效-您的工具提示将于今天4月24日呈现为svg/2019@steampowered，我可能错了，但我想这已经包含在我的回答中了…*“工具提示的HTML被解析并转换为SVG”*，它使用“HTML的子集”。的文档似乎并不表示它已被弃用。你在什么地方遇到问题了吗？这个答案中的runnable演示似乎仍然有效？我今天再次运行了您的代码片段，发现工具提示仍然有效。我第一次发现这个问题是在更新highcharts和工具提示锚链接停止工作时。我找不到修复方法，所以我认为highcharts不再支持HTML，而是支持SVG，而不进行文档化
useHTML:true
无效。