带有嵌入式迷你图的Highcharts工具提示

Question

我想创建一个带有工具提示的地图，该地图将工具提示中显示的一些附加数据显示为Sparkline的集合。基本上，我想达到与这张地图类似的效果。我已经浏览了Highcharts工具提示格式化程序文档，但我可以传递给格式化程序函数的HTML代码似乎非常有限。

简而言之，有没有办法在Highcharts工具提示中嵌入一条sparkline，或者这真的不可能？

Answer 1

您可以使用setTimeout回调函数在工具提示中创建图表：

tooltip: {
useHTML: true,
formatter: function() {
setTimeout(function() {
Highcharts.chart('tooltip-chart', {
...
});
}, 10)
return '<div style="width: 100px; height: 60px;" id="tooltip-chart"></div>';
}
}

---

现场演示：https://jsfiddle.net/BlackLabel/yqtvr5Lm/

API参考：https://api.highcharts.com/highcharts/tooltip.formatter