iOS使用Charts绘图y轴值小于1的时候小数0不显示的解决方法!

        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)];

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342

推荐阅读更多精彩内容

  • 前面几篇文章是《charts框架的集成》《charts饼状图》《charts折线图》,建议大家结合起来看,这样更详...
    不够果断是种癌阅读 13,094评论 8 11
  • 最近做项目需要画K线图和折线图,引入了第三方的图标库Charts。 Charts 这个图表库基本上能够满足大家对于...
    Y_3c23阅读 5,970评论 6 13
  • 最近公司项目中要加一个折线图的需求因为是金融项目考虑到后期可能会有大量的饼状和折线图的需求,仔细搜索一番觉得用个成...
    约翰丶码农阅读 19,126评论 10 24
  • 1、设置UILabel行间距 NSMutableAttributedString* attrString = [[...
    FF_911阅读 1,353评论 0 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,082评论 1 32