XDChart
在视图上用贝塞尔曲线绘制柱状图、折线图,柱状图支持大量数据滚动,支持分组单组,性能极高。
效果图
安装
方法一:使用 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];