iOS PNChart的学习和使用

2017-08-12 20:14:38来源:CSDN作者:u012265444人点击

分享

前言

不要问我为什么这么多时间写博客。我不会告诉你们的。

我们的项目是外包出去的,外包反馈给我们的天气界面显示温度的曲线十分平滑美观,

甚是好奇,于是请教了一番,方才知道PNChart这个来自中国大神的开源神器。

于是有了这篇文章····

我知道我有那么一点点“高产”····

但是请大家理解我求知若渴,又想分享给大家的心情好不好(此处卖个萌)。


正文

1.折线图 英文名叫“Line Chart”
外包做出来的样子如下图:
很漂亮很细腻~我表示很喜欢~所以我也要学习制作~在我坚持不懈的努力之下,终于做的差不多了。

除了一些细节在PNChart里面的代码改动没贴,(包括节点从圈变圆,还有显示度数,以及线和文本的背景颜色,这些可以问我个人)其他代码贴出来,如有错误烦请大家指正,万分感谢(行跪拜礼):
    //折线图    //初始化    PNLineChart * lineChart = [[PNLineChart alloc] initWithFrame:CGRectMake(0, 135.0, SCREEN_WIDTH, 200.0)];    lineChart.backgroundColor = [UIColor colorWithRed:51/255. green:121/255. blue:242/255. alpha:1];    //设置横坐标    [lineChart setXLabels:@[@"",@"",@"",@"",@""]];    //设置纵坐标    [lineChart setYLabels:@[@"",@"",@"",@"",@""]];        //第一条折线    //初始化数组是折线节点数据    NSArray * data01Array = @[@21, @21, @23, @24, @23];    //折现图数据 类 包括颜色 节点数量 数据的设置    PNLineChartData *data01 = [PNLineChartData new];    //设置折线的颜色    data01.color = PNWhite;    //设置折线的宽度    data01.lineWidth = 0.8;    //设置折线的点数    data01.itemCount = data01Array.count;    //设置折点的样式    data01.inflexionPointStyle = PNLineChartPointStyleCircle;    //设置是否展示折点的Label    data01.showPointLabel = YES;    //设置折点的文本颜色    data01.pointLabelColor = [UIColor whiteColor];    //设置折点的文本字体    data01.pointLabelFont = [UIFont systemFontOfSize:12];    //展示数据    data01.getData = ^(NSUInteger index) {        CGFloat yValue = [data01Array[index] floatValue];        return [PNLineChartDataItem dataItemWithY:yValue];    };        //折线图的图标数据    lineChart.chartData = @[data01];    //设置    lineChart.yValueMin = 20;    lineChart.yValueMax = 30;    //是否展示平滑线条    lineChart.showSmoothLines = YES;    //是否显示坐标轴    lineChart.showCoordinateAxis = NO;    //开始绘制折线图    [lineChart strokeChart];        //将折线图添加到视图上    [self.view addSubview:lineChart];





最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台