Как отображать текст поверх изображения в toolText для диаграмм Fusion React Native

Я делаю реакцию на собственный проект, и в нем мы используем диаграммы слияния для отображения разных графиков. Но на этих графиках, когда пользователь нажимает на графики (линии графиков), мы показываем всплывающие подсказки.

Но мы должны показать всплывающую подсказку, как показано на скриншоте ниже.

Примечание: текст будет динамическим

введите здесь описание изображения

В атрибутах всплывающей подсказки мы нашли только bgColor, bordercolor и т. Д. Мы не нашли ни bgImage, ни установки двух цветов для bg. Итак, мы попытались установить изображение в тексте инструментов, но проблема все еще возникала.

Мы не можем установить текст поверх изображения, он находится внизу изображения.

 {
          "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>"
}

Вывод следующий.

введите здесь описание изображения

Есть предложения по этому поводу?


react-native javascript fusioncharts
person Anilkumar iOS - ReactNative    schedule 02.05.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Всплывающая подсказка FusionCharts не поддерживает установку нескольких цветов фона во всплывающей подсказке.

Также во всплывающей подсказке нельзя установить фоновое изображение, в качестве альтернативы вы можете установить атрибут «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; '> По центру "

person Akash    schedule 02.05.2019
comment
Где текст, который вы здесь добавили? - person Anilkumar iOS - ReactNative; 02.05.2019
comment
Без ‹div›, вышеупомянутый toolText отображается как просто текст, ничего кроме него не отображается. - person Anilkumar iOS - ReactNative; 02.05.2019