BEMSimpleLineGraph
BEMSimpleLineGraph copied to clipboard
Uneven X-Axis Label Spacing
I integrated the line graph and its working great in Objective-C, but the problem I'm having is with spacing on the xAxis
. If you see the attached screenshot, the first label and second one, and second last and last one are not evenly spaced.
Below is the function which I use to setup the graph:
- (void)setupGraphs {
mindfulGraph.enableXAxisLabel = YES;
mindfulGraph.alwaysDisplayDots = YES;
mindfulGraph.colorXaxisLabel = [UIColor lightGrayColor];
mindfulGraph.colorBackgroundXaxis = [UIColor clearColor];
mindfulGraph.enableYAxisLabel = YES;
mindfulGraph.colorYaxisLabel = [UIColor lightGrayColor];
mindfulGraph.colorBackgroundYaxis = [UIColor clearColor];
mindfulGraph.enableReferenceYAxisLines = YES;
mindfulGraph.colorReferenceLines = [UIColor lightGrayColor];
mindfulGraph.enableLeftReferenceAxisFrameLine = YES;
mindfulGraph.enableReferenceAxisFrame = YES;
mindfulGraph.enablePopUpReport = YES;
}
That's a design choice. As the labels are centered on the datapoints, the far left and right labels would always be half off the screen. Thus the library nudges them into the visible area. If you turn on xaxis reference lines, the issue will be clearer to you.
This is the default behavior of the graph - it is designed to prevent the x-axis labels from being clipped. If you need to modify the spacing between the x-axis labels, I suggest you take a look at numberOfGapsBetweenLabelsOnLineGraph:
delegate method and go from there.