1

我正在使用数据图。通过跳入示例来学习。

这是提供的演示：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 将图像添加到工具提示- 这是最接近我正在寻找的内容，但我仍然无法让它适用于数据图。

能否请你帮忙？谢谢。

4

1 回答 1

0

内部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

于 2017-10-26T10:28:31.497 回答