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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

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