PNChart,簡潔高效有動畫效果的iOS圖表庫

PNChart,簡潔高效有動畫效果的iOS圖表庫

導入

• pod導入相對簡單，要手動導入這個庫，先下載下來（https://github.com/kevinzhow/PNChart），解壓后把PNChart文件夾拖入工程中

  </li>

• 運行發現#import"PNRadarChartDataItem.h"報紅，在它的.h文件里引 入#import<UIKit/UIKit.h>頭文件；#import<UICountingLabel /UICountingLabel.h>報錯，下載UICountingLabel（https://github.com/dataxpress/UICountingLabel）解壓后把UICountingLabel的.m和.h文件拖入工程，把報錯的#import<UICountingLabel/UICountingLabel.h>頭文件換為#import"UICountingLabel.h"

  </li> </ul>

  項目中引用頭文件#import"PNChart.h"

  折線圖

  PNLineChart * lineChart = [[PNLineChartalloc]initWithFrame:CGRectMake(0,135.0,SCREEN_WIDTH,200.0)];
  //X軸數據
  [lineChart setXLabels:@[@"SEP 1",@"SEP 2",@"SEP 3",@"SEP 4",@"SEP 5"]];
  
  //Y軸數據
  NSArray  data01Array =@[@60.1,@160.1,@126.4,@262.2,@186.2];
  PNLineChartData data01 = [PNLineChartDatanew];
  data01.color = PNFreshGreen;
  data01.itemCount = lineChart.xLabels.count;
  data01.getData = ^(NSUInteger index) {
      CGFloat yValue = [data01Array[index] floatValue];
      return [PNLineChartDataItemdataItemWithY:yValue];
  };
  //可以添加多條折線
  NSArray  data02Array =@[@20.1,@180.1,@26.4,@202.2,@126.2];
  PNLineChartData data02 = [PNLineChartDatanew];
  data02.color = PN推terColor;
  data02.itemCount = lineChart.xLabels.count;
  data02.getData = ^(NSUInteger index) {
      CGFloat yValue = [data02Array[index] floatValue];
      return [PNLineChartDataItemdataItemWithY:yValue];
  };
  lineChart.chartData = @[data01, data02];
  [lineChart strokeChart];
  //加載在視圖上
  [self.windowaddSubview:lineChart];</pre>
  
  柱狀圖 
  
  PNBarChart * barChart = [[PNBarChartalloc]initWithFrame:CGRectMake(0,135.0,SCREEN_WIDTH,200.0)];
   //X軸數據
  [barChart setXLabels:@[@"SEP 1",@"SEP 2",@"SEP 3",@"SEP 4",@"SEP 5"]];
  //Y軸數據
  [barChart setYValues:@[@1, @10,@2,@6,@3]];
  [barChart strokeChart];
  
  //加載在視圖上
  [self.windowaddSubview:barChart];</pre>
  
  餅狀圖 
  
  PNPieChart *pieChart = [[PNPieChartalloc]initWithFrame:CGRectMake(40.0,155.0,240.0,240.0)items:items];
  //餅狀圖文字顏色
  pieChart.descriptionTextColor = [UIColorwhiteColor];
  pieChart.descriptionTextFont  = [UIFontfontWithName:@"Avenir-Medium"size:14.0];
  //繪制
  [pieChart strokeChart];
  
  //加載在視圖上
  [self.windowaddSubview:pieChart];</pre>
  
  圓形進度條 
  
  // total參數是進度條的總數據量，current是當前的數據量，closewise是繪制方向，YES是從左到右，NO為從右到左
  PNCircleChart *circleChart = [[PNCircleChartalloc]initWithFrame:CGRectMake(40.0,155.0,240.0,240.0)total:@100current:@30clockwise:NO];
  
  //繪制圖形
  [circleChart strokeChart];
  //加載在視圖上
  [self.windowaddSubview:circleChart];</pre>
  
  注: 文章由我們 iOS122( http://www.ios122.com)的小伙伴 @偌一茗整理