Question

我试图在Highmaps中实现下一个功能：当用户将鼠标光标移动到特定点时，图像与文本数据一起显示，您知道，在任何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"/>';                
},

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

1 个答案: