美文网首页
iOS__柱形图

iOS__柱形图

作者: Icanbe | 来源:发表于2016-09-07 17:57 被阅读175次

    叨逼叨
    最近公司要求在项目中添加一个图表最开始要求的是饼形图但是后来因为数据的值特别大而被迫更改了需求变成了柱形图。
    在网上查找了找,学着写了个柱状图,只是练习的demo而已,iOS上的图表控件已经有非常好的解决方案了。
    <pre>
    柱形图的demo
    点我

    070BED8E-DF5A-4266-BB1D-4916FD00D331副本.png

    动手动手

    先上图先上图,配色都是可以随心所欲,以及柱形的值都是放在数组里的,及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];

    这个控件是是挺不错了,喜欢的朋友可以看看,就当学习源码也可以,希望这篇文章对你有用~

    相关文章

      网友评论

          本文标题:iOS__柱形图

          本文链接:https://www.haomeiwen.com/subject/qngjettx.html