如何在toolText中通过图像显示文本以实现图像融合

Question

我正在做反应本地项目，在这方面，我们使用融合图表来显示不同的图表。但是，在这些图表中，当用户点击图(图形线)时，我们将显示工具提示。

但是，我们必须在屏幕截图下面显示工具提示。

注:文本将是动态的

​

​

在工具提示属性中，我们只找到了bgColor，边界颜色等等，我们没有找到任何bgImage，也没有为bg设置两个colo。所以，我们试着在工具文本中设置图像，但是，仍然存在问题。

我们不能在图像上设置文本，它会出现在图像底部。

 {
          "label": "Mickey",
          "value": "92",
          "toolText": "<div class='container'><img height='50' width='50' position:relative text-align: center color: white alt='' src='http://www.pngpix.com/wp-content/uploads/2016/10/PNGPIX-COM-Mickey-Mouse-PNG-Transparent-Image-1-500x575.png'></img><div class='top-left'>Top Left</div></div>"
}

输出如下。

​

​

对此有什么建议吗？

Answer 1

FusionCharts工具提示不支持在工具提示中设置多个背景色。

另外，工具提示不能设置背景图像，或者作为一个工作-您可以设置一个in "toolText“属性。并将在div中使用的图像设置如下：

"toolText"："http://www.pngpix.com/wp-content/uploads/2016/10/PNGPIX-COM-Mickey-Mouse-PNG-Transparent-Image-1-500x575.png‘style=’>不透明度: 0.5;'>

要设置文本和图像，需要使用下面的"toolText“属性中的标记来实现：

"toolText"："http://www.pngpix.com/wp-content/uploads/2016/10/PNGPIX-COM-Mickey-Mouse-PNG-Transparent-Image-1-500x575.png‘style=’不透明:0.5；‘>居中“