search

capitalone / react-native-pathjs-charts

Android and iOS charts based on react-native-svg and paths-js
Apache License 2.0
879 stars 261 forks source link

Any solution to overlapping dates ?? #213

Open nwabdou85 opened 6 years ago

nwabdou85 commented 6 years ago

Hi, I want to track anything over time and As you can see in those two pictures; I got an overlapping dates when the number of date exceeds six or seven!!

Any idea or solution to fix this ?

Thank's for help

2017-12-13 16 27 05 2017-12-13 16 27 47

nwabdou85 commented 6 years ago

@marzolfb any help here please ?

marzolfb commented 6 years ago

Admittedly, this library could handle these types of situations better but to cope with the situation you have now, I would make suggestions involving using smaller fonts for labels, reducing label text ('17' instead of '2017' for example), or just reducing the number of data points .

I had a similar situation with wanting to use full date and time for labels on the dynamic label stockline chart in the example app and tried various things like adding a newline between date and time (which also wasn't handled well) but ultimately I wound up reducing the number of characters in my text labels to make things fit appropriately.

nwabdou85 commented 6 years ago

@marzolfb in my case, even If I reduce the numbre of charctere, it does not resolve the probleme beaucause with the time we have an infinite data points;

Is there a way to scroll horizontally ?

marzolfb commented 6 years ago

You should be able to solve that with React Native's ScrollView (using horizontal={true})

nwabdou85 commented 6 years ago

@marzolfb nop I tried it before but does not work as excepted. if you do that (horizontal={true}); all the graph will be horizontal and not what I want, I want to scroll Horizontally only the data of each graph and to scroll vertically all the graphs.

Thank's anywy.