将Highmaps中的不同图像显示在将鼠标光标移动到点时

Question

我试图在Highmaps中实现下一个功能：当用户将鼠标光标移动到特定点时，图像与文本数据一起显示在任何Highcharts图表上，当用户在该点上移动光标时，在小窗口中出现关于点的股票或地图详细信息。

问题是我不知道如何在这些小容器中插入图像 - 我认为这篇文章Showing image with variable src in tooltip of Highcharts scatter plot与我的问题有某种关系，但在那里（以及大多数关于在Highcharts中嵌入图像的问题）用户通常尝试将图像静态插入到图例或工具提示中，因此他们的提示对我的情况没有帮助。

希望有人能帮助我。

Answer 1

您可以在点所需信息，例如：在您的相关问题，但用image财产

series: [{ 
    data: [{ 
    image: 'http://path.to/my/image.png' 
    }] 
}] 

然后使用格式化：

tooltip: { 
    useHTML: true, 
    formatter: function() { 
    return '<img src="' + this.point.options.image + '" height="150"/>';     
},