iOS程序猿之chart图表(PNChart)

关注

VIP免费原创最新推荐文章于 2026-04-22 09:05:56 发布 1.1w 阅读 AI 写同款· GEO 优化 ›

iOS PNChart的学习和使用前言不要问我为什么这么多时间写博客。我不会告诉你们的。我们的项目是外包出去的，外包反馈给我们的天气界面显示温度的曲线十分平滑美观，甚是好奇，于是请教了一番，方才知道PNChart这个来自中国大神的开源神器。于是有了这篇文章···· 我知道我有那么一点点“高产”···· 但是请大家理解我求知若渴，又想分享给大家的心情好不好（此处卖个萌）。正文 1.折线图英文名叫“ 阅读详情

Chart图表

在开发中,特别是销售企业内部使用的APP,可能会用到数据汇总,使用到chart图表的功能!

在github上找到一个比较全,界面很漂亮的图表第三方:PNChart,它包含LineChart(折线图),BarChar(柱状图),CircleChart(圆圈进度图),PieChart(饼图),ScatterChart(点状分布图),RadarChart(无线电图)

支持使用cocoaPods导入

$ pod 'PNChart','~> 0.8.7'

头文件: #import "PNChartDelegate.h"
代理头文件: #import "PNChart.h"

使用:

1.PNLineChart (折线图)

        self.lineChart = [[PNLineChart alloc] initWithFrame:CGRectMake(0, 135.0, SCREEN_WIDTH, 200.0)];
        self.lineChart.yLabelFormat = @"%1.1f"; // 格式化Y坐标
        self.lineChart.backgroundColor = [UIColor clearColor];
        [self.lineChart setXLabels:@[@"SEP 1",@"SEP 2",@"SEP 3",@"SEP 4",@"SEP 5",@"SEP 6",@"SEP 7"]]; // 设置X坐标的刻度
        self.lineChart.showCoordinateAxis = YES; // 是否显示坐标轴
        
        //Use yFixedValueMax and yFixedValueMin to Fix the Max and Min Y Value
        //Only if you needed
        self.lineChart.yFixedValueMax = 300.0; // y轴最大值
        self.lineChart.yFixedValueMin = 0.0; // y轴最小值

        [self.lineChart setYLabels:@[
            @"0 min",
            @"50 min",
            @"100 min",
            @"150 min",
            @"200 min",
            @"250 min",
            @"300 min",
            ]
         ]; // 设置Y坐标刻度
        
        // Line Chart #1 第一条线
        NSArray * data01Array = @[@60.1, @160.1, @126.4, @0.0, @186.2, @127.2, @176.2];
    &n