Question

我正在做本机项目，并且我们使用融合图来显示不同的图。但是，在这些图形中，当用户点击绘图（图形线）时，我们会显示工具提示。

但是，我们必须显示如下屏幕截图所示的工具提示。

注意：文本将是动态的

在工具提示属性中，我们仅找到bgColor，bordercolor等，我们未找到任何bgImage或未为bg设置两个colos。因此，我们尝试像在工具文本中设置图片一样，但是仍然出现问题。

我们无法在图片上方设置文字，它会出现在图片底部。

 {
          "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工具提示不支持在工具提示中设置多种背景颜色。

也不能为工具提示设置背景图像，或者，作为一种变通办法，您可以在“ toolText”属性中设置。并在div中使用图像，如下所示：

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

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

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

如何在ToolText中的图像上显示文本以用于融合图React Native

1 个答案: