Charts是一个使用swift编写的很实用的第三方绘制图表的库,功能很强大,但是使用过程中也难免会出一些跟需求有区别的地方,遇到的问题如下:
问题1:
在柱状图上显示值,格式为1人(值/单位)这种的,Charts给提供了值的显示和不显示的属性drawValuesEnabled,为yes就是显示,为no就是不现实,但是这个只是显示了柱图的值,并没有单位,所以为满足要求可以这样做,可以通过NSNumberFormatter的 setPositiveSuffix:方法来为数据添加单位,代码如下:
NSNumberFormatter *numFormatter = [[NSNumberFormatter alloc] init];
//自定义数据显示格式
[numFormattersetNumberStyle:NSNumberFormatterDecimalStyle];
[numFormattersetPositiveSuffix:@“人”];
ChartDefaultValueFormatter *formatter = [[ChartDefaultValueFormatter alloc] initWithFormatter:numFormatter];
问题2:
当y轴的值小于1的时候,Charts默认的是小数中的0不显示,例如:应该为 0.1 的,但是显示到图上却成了 .1 这样显示是过不了产品,测试那一关的,所以我们得想办法解决这种问题,解决这种问题的办法如下:
找到Charts库中的AxisBase.swift类,可以找到getFormattedLabel方法,在该方法中可一看到返回值是一个三木运算中有一个valueFormatter属性,通过它点击进去可看到
@objc open var valueFormatter: IAxisValueFormatter?方法,在该方法中可以看到DefaultAxisValueFormatter类,点击进入到这个类中找到decimals方法,在实现的方法体中添加这一行:
self.formatter?.minimumIntegerDigits =1 //整数位最少有一位
使y轴值整数位至少有一位,这样即可解决小数缺少0的问题。
问题3:
x轴标题显示问题,Charts默认是将x轴的值全部显示出来,如果x的值比较长的话,例如是一个长度为100个汉字的字符串,那么在显示过程中会发上重叠现象,那么产品就开始说了,只显示固定长度,超出的部分使用...代替;那么这个需求怎么实现呢,实现方法如下:
重新定义一个AxisValueFormatter类,继承于Charts提供的IChartAxisValueFormatter类;
类的实现如下
.h文件
#import
NS_ASSUME_NONNULL_BEGIN
@interface JBY_CustomAxisValueFormatter : NSObject<IChartAxisValueFormatter>
- (instancetype)initWithValues:(NSArray*)values labelWidth:(CGFloat)labelWidth;
@end
NS_ASSUME_NONNULL_END
.m文件
#import "JBY_CustomAxisValueFormatter.h"
@interface JBY_CustomAxisValueFormatter ()
@property (nonatomic, strong) NSArray *values;
@property (nonatomic, assign) CGFloat labelWidth;
@end
@implementationJBY_CustomAxisValueFormatter
- (instancetype)initWithValues:(NSArray*)values labelWidth:(CGFloat)labelWidth{
self = [super init];
if(self) {
_values= values;
_labelWidth= labelWidth;
}
return self;
}
- (NSString*)stringForValue:(double)value axis:(ChartAxisBase*)axis {
/* 根据设置的字符宽度自动截取字符长度 */
NSString*result =@"";
NSInteger index = @(value).integerValue;
if(index <_values.count) {
result =_values[index];
if(_labelWidth>0) {
UILabel*label = [[UILabelalloc]init];
label.numberOfLines=2;
label.font = [UIFont systemFontOfSize:W_i6real(9)]; // 这里和 X 轴文字字号设置一样大
label.text= result;
while ([label sizeThatFits:CGSizeMake(MAXFLOAT, MAXFLOAT)].width > _labelWidth) {
result = [resultsubstringToIndex:result.length-1];
label.text= [NSStringstringWithFormat:@"%@...", result];
}
returnlabel.text;
}
}
returnresult;
}
@end
使用方法如下:
xAxis.valueFormatter = [[JBY_CustomAxisValueFormatter alloc] initWithValues:xValues labelWidth:W_i6real(50)];