tomLadder / react-native-echarts-wrapper

📈Powerful React-Native ECharts Wrapper 📊

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Loading state/Background Color

masiamj opened this issue · comments

Hey @tomLadder, first off, awesome library! Love using it, and it's been a huge help.

I'm curious how you handle loading states before the chart actually renders? I'm having a tough time with it right now and was wondering if we (happy to put in a PR) could implement a loading-type callback or be able to change the background color (on html, body, or main pre-render via props.

Let me know, happy to contribute!

Hey @masiamj !
Thanks for very much for your feedback 🙏

First of all, I forgot to add the onLoadEnd callback to the documentation. It fires when the WebView finished loading the echarts framework.

The feature request to set a custom background color totally makes sense 👍 Probably the easiest and most efficient solution would be to inject a custom javascript function which sets the background color with some DOM Manipulation. The background-color could be a property of the ECharts component.
When the WebView finished the loading (onLoadEnd) of the local files you could check if there is a custom color set with a property and then call the injected javascript function to set it.

Cheers
Tom

commented

Nice Library, and thanks for all the supports!

May I ask about the timeline for this request? I'm trying to change background color and match design. Thank again!

Hey @shieer.
Gonna have a look at it tomorrow.

Cheers
Tom

Just released v1.4.5 🎉.
Adds backgroundColor support.

commented

@tomLadder Just wanna say thank you! I'm new to React Native, and I like to improve this wrapper along I'm using it. Thanks a lot!

@shieer Thank you! Your welcome to send some nice pull requests :)

Can the background color is transparent?
and where can I edit text color?
Thanks