? ? ? ? Charts是一個(gè)使用swift編寫的很實(shí)用的第三方繪制圖表的庫,功能很強(qiáng)大,但是使用過程中也難免會(huì)出一些跟需求有區(qū)別的地方,遇到的問題如下:
?問題1:
? ? ? ?在柱狀圖上顯示值,格式為1人(值/單位)這種的,Charts給提供了值的顯示和不顯示的屬性drawValuesEnabled,為yes就是顯示,為no就是不現(xiàn)實(shí),但是這個(gè)只是顯示了柱圖的值,并沒有單位,所以為滿足要求可以這樣做,可以通過NSNumberFormatter的?setPositiveSuffix:方法來為數(shù)據(jù)添加單位,代碼如下:
NSNumberFormatter *numFormatter = [[NSNumberFormatter alloc] init];
? ? //自定義數(shù)據(jù)顯示格式
?[numFormattersetNumberStyle:NSNumberFormatterDecimalStyle];
?[numFormattersetPositiveSuffix:@“人”];
ChartDefaultValueFormatter *formatter = [[ChartDefaultValueFormatter alloc] initWithFormatter:numFormatter];
問題2:
? ? ? ?當(dāng)y軸的值小于1的時(shí)候,Charts默認(rèn)的是小數(shù)中的0不顯示,例如:應(yīng)該為 0.1 的,但是顯示到圖上卻成了 .1 這樣顯示是過不了產(chǎn)品,測(cè)試那一關(guān)的,所以我們得想辦法解決這種問題,解決這種問題的辦法如下:
? ? ? ?找到Charts庫中的AxisBase.swift類,可以找到getFormattedLabel方法,在該方法中可一看到返回值是一個(gè)三木運(yùn)算中有一個(gè)valueFormatter屬性,通過它點(diǎn)擊進(jìn)去可看到
@objc open var valueFormatter: IAxisValueFormatter?方法,在該方法中可以看到DefaultAxisValueFormatter類,點(diǎn)擊進(jìn)入到這個(gè)類中找到decimals方法,在實(shí)現(xiàn)的方法體中添加這一行:
self.formatter?.minimumIntegerDigits? =1 //整數(shù)位最少有一位
使y軸值整數(shù)位至少有一位,這樣即可解決小數(shù)缺少0的問題。
問題3:
? ? ? ? x軸標(biāo)題顯示問題,Charts默認(rèn)是將x軸的值全部顯示出來,如果x的值比較長的話,例如是一個(gè)長度為100個(gè)漢字的字符串,那么在顯示過程中會(huì)發(fā)上重疊現(xiàn)象,那么產(chǎn)品就開始說了,只顯示固定長度,超出的部分使用...代替;那么這個(gè)需求怎么實(shí)現(xiàn)呢,實(shí)現(xiàn)方法如下:
?重新定義一個(gè)AxisValueFormatter類,繼承于Charts提供的IChartAxisValueFormatter類;
類的實(shí)現(xiàn)如下
.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 {
? ? /* 根據(jù)設(shè)置的字符寬度自動(dòng)截取字符長度 */
? ? 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 軸文字字號(hào)設(shè)置一樣大
? ? ? ? ? ? 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)];