xanderdeseyn / react-native-responsive-linechart

A customizable and responsive line or area chart for react-native
https://react-native-responsive-linechart.surge.sh
MIT License
202 stars 46 forks source link

chart skips a part of my data #84

Closed bekir-arkulpa closed 3 years ago

bekir-arkulpa commented 3 years ago

Hello , First of all thank you for doing this library which really is one of the best , or the best chart library i have seen for rn. My problem is that the chart skips part of my data while going over it with the tooltip. I customized the tooltip component for my own use case and the Horizontalaxis component i customized too so it fits my use case. i already tried the same data with stock components from your library but the problem persists. im not sure where the problem is because as seen from the video the tooltip logs the right data with date going from oldest to newest , but in the middle magically it disappears and reappears again in the end. Senior Dev also tried to debug it but we could not find a solution. Thanks in advance for all answers !

here the data im using [{"x": 1618914518, "y": 240}, {"x": 1618918118, "y": 400}, {"x": 1618921718, "y": 400}, {"x": 1618925317, "y": 400}, {"x": 1618928917, "y": 410}, {"x": 1618932517, "y": 410}, {"x": 1618936117, "y": 400}, {"x": 1618939717, "y": 400}, {"x": 1618943317, "y": 410}, {"x": 1618946917, "y": 410}, {"x": 1618950517, "y": 410}, {"x": 1618954117, "y": 410}, {"x": 1618957717, "y": 410}, {"x": 1618961317, "y": 410}, {"x": 1618964917, "y": 410}, {"x": 1618968517, "y": 410}, {"x": 1618972117, "y": 410}, {"x": 1618975717, "y": 410}, {"x": 1618979316, "y": 410}, {"x": 1618982916, "y": 410}, {"x": 1618986516, "y": 410}, {"x": 1618990116, "y": 410}, {"x": 1618993716, "y": 410}, {"x": 1618997316, "y": 410}, {"x": 1619000916, "y": 410}, {"x": 1619004516, "y": 410}, {"x": 1619173814, "y": 400}]

and here are some screenshots and video of the problem. and also the classes im using as txt - just convert them to tsx and package.json as txt.

https://user-images.githubusercontent.com/83397239/117478071-fe1c8280-af5e-11eb-92ed-894e2eac7e76.mov

DiagramScreen.txt CustomToolTip.txt CustomHorizontalAxis.txt package.txt