Line chart & Stacked bar chart with Tooltips using react-native-skia.🔥

[vladanyes]

hey guys, thanks for such amazing library!🙋‍♂️

please check this combined chart I made using RNS.
I spent a lot of time creating the chart. I'm thinking of creating a library based on the code I wrote, so that other devs won't have to spend much time for the same stuff.

The lib will have 4 types of charts:

• line chart
• bar chart
• stacked bar chart
• combined chart(all the above)

.

Please let me know your thoughts.
CC: @chrfalch @wcandillon

[chrfalch]

Awesome @vladanyes - go ahead and create a library, I know there are a lot of people that wants this. Also take a look at what @mrousavy and the guys over at Marcelo.io is doing: https://github.com/margelo/react-native-graph

[vladanyes]

I'd like to leave a link to my library here just in case somebody is interested in it
https://github.com/vladanyes/react-native-skia-charts

[wcandillon]

super nice, thank you for giving us the link

[vladanyes]

thank you! Do you guys have an internal chat or something? I have a couple of questions

[LucasReinaldo]

hey folks, I was taking a look at the code (pretty good btw), and noticed that the tooltip is not really dynamic, you have to set the variables to be rendered, so I was trying to render it dynamically based on the content, but when I get an array of values to render the Text elements, it doesn't work :/

Seems like Array.current.map never gets triggered.

Let's say I have a datapoint: { x: 'date', a: 'number', b: 'number', c: 'number' } and I assign that to my tooltipContent.current. It works fine, but when I get to the rendering side, Object.entries(tooltipContent.current).map, it never renders.

I even tried to use ValueApi.createValue().

Do you guys have any tips or tricks? Would love to hear @wcandillon thoughts.

Thanks folks!