apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.58k stars 19.62k forks source link

Can ECharts in Mobile App(React Native) support custom tooltips with images, colored text, and styles? #19486

Open KaustubhDTawate opened 10 months ago

KaustubhDTawate commented 10 months ago

Version

-

Link to Minimal Reproduction

-

Steps to Reproduce

-

Current Behavior

-

Expected Behavior

Additionally, I have attached a demo image for reference.

TooltipImage

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

MatthiasMert commented 10 months ago

You can just pass html to the tooltip formatter function: Example

KaustubhDTawate commented 10 months ago

I have tried same code inside tooltip formatter, but it returned the content as it is in string. Complete HTML code is getting rendered here.

LineTooltip

MatthiasMert commented 10 months ago

It would be helpful if you provided an example link. As you can see it is working in the one I provided.

KaustubhDTawate commented 10 months ago

The code from the provided example link works on the web, but when used in a mobile app, the code inside the formatter function (HTML rendering) appears to be unsupported. Any alternative approaches for adapting this code for mobile use?

KaustubhDTawate commented 10 months ago

I attempted rich text rendering for tooltip formatting, but it doesn't appear to be functioning. I've included a link for a demo to reproduce the issue.Also I have attached demo link of html rendering on android.

Reproducible Snack Demo with rich text: link

Reproducible Snack Demo with html : link