XDChart 0.1.0

XDChart 0.1.0

测试已测试
语言语言 Obj-CObjective C
许可 MIT
发布上次发布2018年4月

liuxiaodong 维护。



XDChart 0.1.0

  • liuxiaodongLXD

XDChart

在视图上用贝塞尔曲线绘制柱状图、折线图,柱状图支持大量数据滚动,支持分组单组,性能极高。

效果图

Image text Image text

安装

方法一:使用 CocoaPods 进行安装

pod 'XDChart'

方法二:直接将 XDChart 文件夹拖拽到您的项目中即可

作者

XD, [email protected],微信号:liudong775

使用方法

    // 1.创建
    XDDrawChatView *drawChatView = [[XDDrawChatView alloc] init];
    drawChatView.frame = CGRectMake(0, 100, [UIScreen mainScreen].bounds.size.width, 250);
    // 2.设置相关属性
    drawChatView.chartMargin = UIEdgeInsetsMake(35, 0, 0, 0);
    // 2.1 设置柱子的宽度
    drawChatView.polyWidth = 15;
    // 2.2 设置动画时间(不设置默认时间2秒)
    // drawChatView.duration = 5.0;
    // 2.3 设置是否需要动画效果
    drawChatView.isNeedAnima = YES;
    // 3.创建每一组的数据模型
    XDDrawDataSet *set = [[XDDrawDataSet alloc] initWithYValues:@[@10,@40,@70,@180,@250,@111,@0] label:@"送检数量"];
    [set setBarColor:[UIColor colorWithRed:245.0 / 255.0 green:94.0 / 255.0 blue:78.0 / 255.0 alpha:1.0f]];
    XDDrawDataSet *set1 = [[XDDrawDataSet alloc] initWithYValues:@[@40,@50,@0,@100,@120,@101,@0] label:@"检验数量"];
    [set1 setBarColor:[UIColor colorWithRed:77.0 / 255.0 green:186.0 / 255.0 blue:122.0 / 255.0 alpha:1.0f]];
    XDDrawDataSet *set2 = [[XDDrawDataSet alloc] initWithYValues:@[@20,@80,@40,@0,@140,@101,@0] label:@"审核数"];
    [set2 setBarColor:[UIColor colorWithRed:17.0 / 255.0 green:16.0 / 255.0 blue:202.0 / 255.0 alpha:1.0f]];
    XDDrawDataSet *set3 = [[XDDrawDataSet alloc] initWithYValues:@[@60,@50,@90,@0,@100,@91,@0] label:@"成绩"];
    [set3 setBarColor:[UIColor colorWithRed:17.0 / 255.0 green:16.0 / 255.0 blue:22.0 / 255.0 alpha:1.0f]];
    XDDrawData *data = [[XDDrawData alloc] initWithDataSets:@[set,set1,set2,set3,set1]];
    drawChatView.data = data;
    // 4.设置组与组直接的间隔
    data.itemSpace = 0;
    data.groupSpace = 20;
    // 5.X轴数据
    data.xLabels = @[@"钢丝帘线",@"光缆丝",@"胎圈",@"中丝",@"胶管钢丝线",@"直拉",@"大拉",@"大直拉"];
    // 6.折线数组(为空即不画折线)
    drawChatView.lineValueArray = [NSMutableArray arrayWithArray:@[@100,@90,@90,@190,@200,@110,@190,@200]];
    // drawChatView.isCurve = YES;
    // 6.1 折线的宽度
    drawChatView.lineWidth = 2;
    // 7.展示出来
    [drawChatView show];
    [self.view addSubview:drawChatView];