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

Question

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

所以简而言之，有没有办法在 Highcharts 工具提示中嵌入迷你图，或者这真的不可能？

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