データロガーを使用した画像ロゴ

Question

私はデータマップを扱っています。例に飛び込んで学習する。

この

が提供されているデモです： http://jsbin.com/nutawiboci/1/edit?html,output

私がホバーに表示するロゴを取得しようとしている - と言う、バブルの上にマウスのように、あなたは、文字列や画像を取得するIMG https://www.w3schools.com/tags/smiley.gif

これをimg src = "image url here" alt = "smiley"を使用してpopupTemplateに追加しようとすると、コードは実行されません。

popupTemplate: function(geo, data) { 
return "<div class='hoverinfo'>It is " + data.name + "</div>"; 
} 

highcharts map add image to tooltip - これは私が探しているものに最も近いですが、私はまだそれがデータマップのために動作させることはできません。

助けてください。ありがとうございました。

Answer 1

コード内のpopupTemplateが機能しますが、上記の配列の丸いバブルのために呼び出されます。私もスマイリーimgを追加しようとし、それは正常に動作します。

地理的地域にカスタムポップアップを追加する場合は、geographyConfig〜Datamapの初期化を追加する必要があります。popupTemplateとなります。 data後：

var map = new Datamap({ 
    ... 
    data: {...} 

    geographyConfig: { 
     popupTemplate: function(geo, data) { 
     return "<div class='hoverinfo'>It is " + geo.properties.name + "</div>"; 
     } 
    } 
} 

ここでの作業サンプルがあります：http://jsbin.com/zojuqideto/edit?html,output