Highcharts图中工具提示中的不同图像

Question

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

我希望根据我正在浏览的行业看到不同的图片......

你能帮我吗？

提前致谢

Answer 1

您可以在工具提示中启用HTML，并使用tooltip formatter设置HTML内容。

        tooltip: {
            useHTML: true,
            formatter: function() {
                return '<img src="/your/image/path/' + this.series.name + '.png" />' + '<b>' + this.point.y + '</b>';
            }
        }

在这种情况下，正在加载的图像基于每个系列名称。如果你的系列被命名为Apples，Oranges和Bananas，你只需要制作apples.png，oranges.png和bananas.png并适当地设置该img标签中的路径。