Hi,
I'd like to know how to prevent X-axis labels from randomly displaying as "..."
http://www.gfycat.com/SlowOldfashionedDogfish
The ellipsis can be quite annoying in certain cases. The chart trims the labels and appends ellipsis to prevent label overlap.
We wrote a smart axis label panel feature a while back. It'll scale the font or rotate/stagger labels to prevent overlap instead of trimming.Have you tried using that? (xAxis.useSmartAxisLabelPanel = YES) Without the smart axis panel, I think your other option would be to change the date formatting for a shorter string or increase the axis interval for more space between the full, untrimmed labels.
Are you using a CategoryXAxis or a CategoryDateTimeXAxis in your project? I can write up a sample if that will help.
When I turn on smart axis label panel I get this whenever the chart fully loads without items and then adds the first item:
https://dr.tt/view?d=rinzk5y4p0odt94%2F2016-05-06%20at%208.37%20AM.png
That looks like the problem. Thanks! :)
I'm no longer able to reproduce the issue after I made a fix earlier. Can you try out this sample and let me know if labels get clipped after the insert?
I finally found the problem... IGCategoryDateTimeXAxis.
I've tried changing to a regular category X axis but then I get different behavior where labels disappear unless I zoom in.
I made a few fixes that will allow the smart axis panel to properly react to new labels. It'll work when using a datetime axis or a regular category axis.The only catch with the category axis is that axis interval will have to be set periodically as the displayed dataset gets larger.So, it would be something like categoryAxis.interval = dataItems.count / numberOfLabelsToDisplay
Do you have a build I can test with?
I can try turning off the smart axis panel, but a similar issue happens when the chart fills up with points. Except, I see the "..." - even when zoomed in.
http://bit.ly/25f5GqF
Gif: http://giphy.com/gifs/l3E6DWKGxooe9vfRm
Classes involved,
IGChartView
IGLineSeries
IGCategoryXAxis
IGNumericYAxis
IGCategoryDatePoint, we use these to preserve the NSDate, which is used later for CSV output. We set the label property via NSDateFormatter.
xAxis looks like...
self.xAxis.useSmartAxisPanel = YES;
self.xAxis.smartAxisAngle = 45;
self.xAxis.smartAxisFontSize = 12;