叨逼叨
最近公司要求在项目中添加一个图表最开始要求的是饼形图但是后来因为数据的值特别大而被迫更改了需求变成了柱形图。
在网上查找了找,学着写了个柱状图,只是练习的demo而已,iOS上的图表控件已经有非常好的解决方案了。
<pre>
柱形图的demo
点我
动手动手
先上图先上图,配色都是可以随心所欲,以及柱形的值都是放在数组里的,及x轴下的文字
DVBarChartView *chartView = [[DVBarChartView alloc] initWithFrame:CGRectMake(0, 100, self.view.frame.size.width, 300)];
self.view.backgroundColor = [UIColor whiteColor];
UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(10, 3, 30, 30)];
label.text = @"(w)";
label.textColor = [UIColor blackColor];
[chartView addSubview:label];
[self.view addSubview:chartView];
chartView.barColor = [UIColor colorWithHue:0.58 saturation:0.80 brightness:0.80 alpha:1.00];
chartView.barSelectedColor =[UIColor colorWithHue:0.58 saturation:0.80 brightness:0.80 alpha:1.00];
chartView.axisColor =[UIColor blackColor];
chartView.backColor =[UIColor colorWithHue:0.57 saturation:0.06 brightness:0.95 alpha:1.00];
chartView.textColor = [UIColor blackColor];
chartView.barWidth = 37;
chartView.barGap = 20;
chartView.xAxisTextGap = 10;
chartView.yAxisViewWidth = 52;
chartView.showPointLabel = YES;
chartView.numberOfYAxisElements = 5;
chartView.xAxisTitleArray = @[@"营业性补助",@"附属物补偿", @"过渡期补助费", @"过渡费", @"搬家费", @"其他补偿款", @"房屋补偿费"];
chartView.xValues = @[@10004, @18273, @19006, @19080, @10010, @10000, @10000];
chartView.delegate = self;
chartView.yAxisMaxValue = 20000;
// chartView.barUserInteractionEnabled = NO;
[chartView draw];
这个控件是是挺不错了,喜欢的朋友可以看看,就当学习源码也可以,希望这篇文章对你有用~