マウスカーソルをポイントに移動すると、ハイマップに異なる画像が表示される

Question

ハイマップで次の機能を実装しようとしています。マウスカーソルを特定のポイントに移動して画像をテキストデータとともに表示すると、 、Highchartsチャート、株価または地図上のポイントに関する詳細情報は、ユーザーがそのポイント上でカーソルを動かすと小さなウィンドウに表示されます。

問題は、私はこれらの小さな容器に画像を挿入する方法がわからない - 私はこの投稿Showing image with variable src in tooltip of Highcharts scatter plot何とか私の問題に関連していると思うが、そこ（およびHighchartsの画像を埋め込むことに関する大多数の質問）凡例やツールチップに静的に画像を挿入しようとすると、そのヒントは私の場合は役に立たない。

誰かが私を助けることを願っています。

Answer 1

あなたは、たとえば、ポイントに必要な情報を含めることができます。

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

を次に、あなたの関連質問で説明したようにフォーマッタを使用しますが、imageプロパティを使用して：

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