將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"/>';     
},