Closed mafiusu closed 9 months ago
Hi @mafiusu 👋 The problem here is that the data points in your chart are very close to each other. Hence the width available for each x Label is too small.
Problem-
I can see you are using the xAxisLabelTexts
prop in which you are passing only 7 values - ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"]
Whereas, the data
prop seems to have far too many items. Thus the 7 labels will be assigned to the first seven items from your data array. This is definitely not what you want (and this is what is causing faulty rendering of the x-axis labels.)
Solution-
You should remove the xAxisLabelTexts
prop and instead add the label
property inside the data array's objects. For example add label
property to the first data item, and then to the fifth data item, then to the tenth data item and so on.
(basically you need to add the label
property to every (data.length / 7)th
item in the data array)
@mafiusu can you please provide a sample data to this please
I have to say it's one of the best libs I've seen on charts so far. Very easy to use and even customizable. Hope the lib will continue and be kept up to date!
At the moment I have problems with the labels on the X axis, because they are not rendered correctly. I'm running Version
1.3.16
with following code:Have I missed something here?