You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have a chart showing daily data with ~40 points
And yearly data with 175 points
And I try to make the data fit on the screen so that users don't need to scroll to see the hidden data.
Is there any configuration to support this case?
As #21 :
I can use <PureChart gap={gapSize} /> props but gapSize need to dynamically calculated.
And the new problem is:
label is very close with each other, label text was broken when gapSize is too small.
The text was updated successfully, but these errors were encountered:
I believe what you are trying to do is not possible on the current version. But if you are interested I have made the change on my fork in develop branch.
To solve this I have added these props:
showEveryNthXaxisLabel - specify int of every how many data you want to show X label. e.g. 3
xAxisTextLength - length of how long each of your xAxis label would be. e.g. 60
for gap prop value I suggest you use something like - (Dimensions.get('window').width/lengthOfYourDataPoints) - (50/lengthOfYourDataPoints)
I didn't make pull request for this because I think I can reimplement this much better If I have time
I have a chart showing daily data with ~40 points
And yearly data with 175 points
And I try to make the data fit on the screen so that users don't need to scroll to see the hidden data.
Is there any configuration to support this case?
As #21 :
I can use
<PureChart gap={gapSize} />
props butgapSize
need to dynamically calculated.And the new problem is:
label is very close with each other, label text was broken when gapSize is too small.
The text was updated successfully, but these errors were encountered: