React-native-svg-charts: Tooltip text duplicate showing in top left corner

[ssuchanowski]

What is the problem?

Text from tooltip is duplicated and added to top left corner.

When does it happen?

Always.

What platform?

• [x] iOS
• [ ] Android // didn't test

React Native version: 0.59.8
react-native-svg-charts-version: 5.3.0

Code to reproduce

Just use example with tooltip.

[jk-gan]

I also having the same issue with Pie Chart

react-native: 0.61.1
react-native-svg-charts-version: 5.3.0

[Shhzdmrz]

could you please share the sample code to reproduce it?

[ssuchanowski]

Just use example with tooltip.

[usrbowe]

@ssuchanowski which version of react-native-svg you use? I remember this was an issue, because this library uses transparent color for the text placeholder.

If you can check, I did demo in Expo Snack and I can't reproduce: https://snack.expo.io/@usrbowe2/543c93

[ssuchanowski]

It was the default version at that time. Since then I made major changes upgrading RN to most recent and doing tooltips and chart_drag_to_preview logic on my own.

I didn't use expo if that can make any difference.

[usrbowe]

@ssuchanowski Expo doesn't make much difference in the behaviour of this library. So if there is no way to reproduce, I would close this issue.

[usrbowe]

@ssuchanowski closing, since there is no reproducible code. Feel free to reopen with reproducible code.

[ssuchanowski]

Did you even try without expo?

@jk-gan had the same issue, so it is reproducible.

[usrbowe]

@ssuchanowski I did not, but I'm fairly familiar with this exact issue. So I didn't find reason to verify without expo, especially when there is almost zero difference between those two environments.

But I did test right now and I can't reproduce same issue:

Please, if you still facing this issue, share reproducible code and reopen this issue. This would help me debug the issue you and @jk-gan facing.

Tested on:

"react-native": "0.61.4",
"react-native-svg": "^9.13.3",
"react-native-svg-charts": "^5.3.0"

Exact same code as in Expo Snack I shared above.

[DanMccloy]

I believe this is a case where the react-native Text element is being imported, instead of the Text Element from react-native-svg.

Splitting the tooltip out into a different file and ensuring Text is being imported from react-native-svg fixed this issue for me.