Abhinandan-Kushwaha / react-native-gifted-charts

The most complete library for Bar, Line, Area, Pie, Donut, Stacked Bar and Population Pyramid charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.
https://www.npmjs.com/package/react-native-gifted-charts
MIT License
725 stars 149 forks source link

Add RTL Support for pointerConfig in react-native-gifted-charts #718

Open IdoAviramMoveo opened 1 month ago

IdoAviramMoveo commented 1 month ago

The react-native-gifted-charts library currently lacks support for Right-to-Left (RTL) layouts when using the pointerConfig feature. This results in misaligned tooltips and pointer strips when interacting with the chart in RTL mode.

Any ideas?

Abhinandan-Kushwaha commented 1 month ago

Hi @IdoAviramMoveo Can you please share a video/gif of the expected behaviour in RTL?

IdoAviramMoveo commented 1 month ago

Hey @Abhinandan-Kushwaha https://github.com/user-attachments/assets/b5c90bf7-2c4b-48ab-a8dc-3c8efd2fb2c6

This is the behavior i got when i use the barChart in i18n RTL. I can also attach the code because maybe i did something wrong.

Abhinandan-Kushwaha commented 1 month ago

Yes please attach the code @IdoAviramMoveo

sahan-oleksandr-peakscircle commented 1 month ago

Also have a problem with RTL, tried to display data point label, and it shows in the opposite direction.