国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統(tǒng) > iOS > 正文

iOS使用Charts框架繪制柱形圖

2020-07-26 03:00:07
字體:
供稿:網(wǎng)友

首先看一下最終要實現(xiàn)的效果:

最終效果

一、初始化barChartView

繪制柱形圖需要用到BarChartView這個類,下面是初始化代碼:

self.barChartView = [[BarChartView alloc] init];self.barChartView.delegate = self;//設置代理[self.view addSubview:self.barChartView];[self.barChartView mas_makeConstraints:^(MASConstraintMaker *make) { make.size.mas_equalTo(CGSizeMake(self.view.bounds.size.width-20, 300)); make.center.mas_equalTo(self.view);}];

二、設置barChartView的外觀樣式

1.基本樣式

self.barChartView.backgroundColor = [UIColor colorWithRed:230/255.0f green:253/255.0f blue:253/255.0f alpha:1];self.barChartView.noDataText = @"暫無數(shù)據(jù)";//沒有數(shù)據(jù)時的文字提示self.barChartView.drawValueAboveBarEnabled = YES;//數(shù)值顯示在柱形的上面還是下面self.barChartView.drawHighlightArrowEnabled = NO;//點擊柱形圖是否顯示箭頭self.barChartView.drawBarShadowEnabled = NO;//是否繪制柱形的陰影背景

2.barChartView的交互設置

self.barChartView.scaleYEnabled = NO;//取消Y軸縮放self.barChartView.doubleTapToZoomEnabled = NO;//取消雙擊縮放self.barChartView.dragEnabled = YES;//啟用拖拽圖表self.barChartView.dragDecelerationEnabled = YES;//拖拽后是否有慣性效果self.barChartView.dragDecelerationFrictionCoef = 0.9;//拖拽后慣性效果的摩擦系數(shù)(0~1),數(shù)值越小,慣性越不明顯

3.設置barChartView的X軸樣式

首先需要先獲取到barChartView的X軸,然后進行設置.

通過barChartView的xAxis屬性獲取到X軸,代碼如下:

hartXAxis *xAxis = self.barChartView.xAxis;

設置X軸樣式的代碼如下:

ChartXAxis *xAxis = self.barChartView.xAxis;xAxis.axisLineWidth = 1;//設置X軸線寬xAxis.labelPosition = XAxisLabelPositionBottom;//X軸的顯示位置,默認是顯示在上面的xAxis.drawGridLinesEnabled = NO;//不繪制網(wǎng)格線xAxis.spaceBetweenLabels = 4;//設置label間隔,若設置為1,則如果能全部顯示,則每個柱形下面都會顯示labelxAxis.labelTextColor = [UIColor brownColor];//label文字顏色

4.設置barChartView的Y軸樣式

barChartView默認樣式中會繪制左右兩側(cè)的Y軸,首先需要先隱藏右側(cè)的Y軸,代碼如下:

self.barChartView.rightAxis.enabled = NO;//不繪制右邊軸

接著開始設置左側(cè)Y軸的樣式.

首先設置Y軸軸線的樣式,代碼如下:

leftAxis.forceLabelsEnabled = NO;//不強制繪制制定數(shù)量的labelleftAxis.showOnlyMinMaxEnabled = NO;//是否只顯示最大值和最小值leftAxis.axisMinValue = 0;//設置Y軸的最小值leftAxis.startAtZeroEnabled = YES;//從0開始繪制leftAxis.axisMaxValue = 105;//設置Y軸的最大值leftAxis.inverted = NO;//是否將Y軸進行上下翻轉(zhuǎn)leftAxis.axisLineWidth = 0.5;//Y軸線寬leftAxis.axisLineColor = [UIColor blackColor];//Y軸顏色

通過labelCount屬性設置Y軸要均分的數(shù)量.

在這里要說明一下,設置的labelCount的值不一定就是Y軸要均分的數(shù)量,這還要取決于forceLabelsEnabled屬性,如果forceLabelsEnabled等于YES, 則強制繪制指定數(shù)量的label, 但是可能不是均分的.代碼如下:

ChartYAxis *leftAxis = self.barChartView.leftAxis;//獲取左邊Y軸leftAxis.labelCount = 5;leftAxis.forceLabelsEnabled = NO;

設置Y軸上標簽的樣式,代碼如下:

leftAxis.labelPosition = YAxisLabelPositionOutsideChart;//label位置 leftAxis.labelTextColor = [UIColor brownColor];//文字顏色leftAxis.labelFont = [UIFont systemFontOfSize:10.0f];//文字字體

設置Y軸上標簽顯示數(shù)字的格式,代碼如下:

leftAxis.valueFormatter = [[NSNumberFormatter alloc] init];//自定義格式leftAxis.valueFormatter.positiveSuffix = @" $";//數(shù)字后綴單位

設置Y軸上網(wǎng)格線的樣式,代碼如下:

leftAxis.gridLineDashLengths = @[@3.0f, @3.0f];//設置虛線樣式的網(wǎng)格線leftAxis.gridColor = [UIColor colorWithRed:200/255.0f green:200/255.0f blue:200/255.0f alpha:1];//網(wǎng)格線顏色leftAxis.gridAntialiasEnabled = YES;//開啟抗鋸齒

在Y軸上添加限制線,代碼如下:

ChartLimitLine *limitLine = [[ChartLimitLine alloc] initWithLimit:80 label:@"限制線"];limitLine.lineWidth = 2;limitLine.lineColor = [UIColor greenColor];limitLine.lineDashLengths = @[@5.0f, @5.0f];//虛線樣式limitLine.labelPosition = ChartLimitLabelPositionRightTop;//位置[leftAxis addLimitLine:limitLine];//添加到Y(jié)軸上leftAxis.drawLimitLinesBehindDataEnabled = YES;//設置限制線繪制在柱形圖的后面

5.設置barChartView的其它樣式

通過legend獲取到圖例對象,然后把它隱藏掉,代碼如下:

self.barChartView.legend.enabled = NO;//不顯示圖例說明

隱藏描述文字,代碼如下:

self.barChartView.descriptionText = @"";//不顯示,就設為空字符串即可

三、為barChartView的提供數(shù)據(jù)

為barChartView提供數(shù)據(jù)是通過其data屬性提供的,首先需要創(chuàng)建BarChartData數(shù)據(jù)對象,代碼如下:

//為柱形圖設置數(shù)據(jù)- (BarChartData *)setData{ int xVals_count = 12;//X軸上要顯示多少條數(shù)據(jù) double maxYVal = 100;//Y軸的最大值 //X軸上面需要顯示的數(shù)據(jù) NSMutableArray *xVals = [[NSMutableArray alloc] init]; for (int i = 0; i < xVals_count; i++) { [xVals addObject:[NSString stringWithFormat:@"%d月", i+1]]; } //對應Y軸上面需要顯示的數(shù)據(jù) NSMutableArray *yVals = [[NSMutableArray alloc] init]; for (int i = 0; i < xVals_count; i++) { double mult = maxYVal + 1; double val = (double)(arc4random_uniform(mult)); BarChartDataEntry *entry = [[BarChartDataEntry alloc] initWithValue:val xIndex:i]; [yVals addObject:entry]; } //創(chuàng)建BarChartDataSet對象,其中包含有Y軸數(shù)據(jù)信息,以及可以設置柱形樣式 BarChartDataSet *set1 = [[BarChartDataSet alloc] initWithYVals:yVals label:nil]; set1.barSpace = 0.2;//柱形之間的間隙占整個柱形(柱形+間隙)的比例 set1.drawValuesEnabled = YES;//是否在柱形圖上面顯示數(shù)值 set1.highlightEnabled = NO;//點擊選中柱形圖是否有高亮效果,(雙擊空白處取消選中) [set1 setColors:ChartColorTemplates.material];//設置柱形圖顏色 //將BarChartDataSet對象放入數(shù)組中 NSMutableArray *dataSets = [[NSMutableArray alloc] init]; [dataSets addObject:set1]; //創(chuàng)建BarChartData對象, 此對象就是barChartView需要最終數(shù)據(jù)對象 BarChartData *data = [[BarChartData alloc] initWithXVals:xVals dataSets:dataSets]; [data setValueFont:[UIFont fontWithName:@"HelveticaNeue-Light" size:10.f]];//文字字體 [data setValueTextColor:[UIColor orangeColor]];//文字顏色 NSNumberFormatter *formatter = [[NSNumberFormatter alloc] init]; //自定義數(shù)據(jù)顯示格式 [formatter setNumberStyle:NSNumberFormatterDecimalStyle]; [formatter setPositiveFormat:@"#0.0"]; [data setValueFormatter:formatter]; return data;}

為barChartView提供數(shù)據(jù)并設置動畫效果,代碼如下:

self.data = [self setData]; //為柱形圖提供數(shù)據(jù) self.barChartView.data = self.data;//設置動畫效果,可以設置X軸和Y軸的動畫效果[self.barChartView animateWithYAxisDuration:1.0f];

四、實現(xiàn)barChartView的代理方法

1.點擊選中柱形圖時的代理方法,代碼如下:

- (void)chartValueSelected:(ChartViewBase * _Nonnull)chartView entry:(ChartDataEntry * _Nonnull)entry dataSetIndex:(NSInteger)dataSetIndex highlight:(ChartHighlight * _Nonnull)highlight{ NSLog(@"---chartValueSelected---value: %g", entry.value);}

2.沒有選中柱形圖時的代理方法,代碼如下:

- (void)chartValueNothingSelected:(ChartViewBase * _Nonnull)chartView{ NSLog(@"---chartValueNothingSelected---");}

當選中一個柱形圖后,在空白處雙擊,就可以取消選擇,此時會回調(diào)此方法.

3.捏合放大或縮小柱形圖時的代理方法,代碼如下:

- (void)chartScaled:(ChartViewBase * _Nonnull)chartView scaleX:(CGFloat)scaleX scaleY:(CGFloat)scaleY{ NSLog(@"---chartScaled---scaleX:%g, scaleY:%g", scaleX, scaleY);}

4.拖拽圖表時的代理方法

- (void)chartTranslated:(ChartViewBase * _Nonnull)chartView dX:(CGFloat)dX dY:(CGFloat)dY{ NSLog(@"---chartTranslated---dX:%g, dY:%g", dX, dY);}

運行結(jié)果如下:

運行結(jié)果

Demo下載地址:http://xiazai.VeVB.COm/201612/yuanma/BarChartDemo-BarChartDemo_jb51.rar

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持武林網(wǎng)!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 建昌县| 潢川县| 周至县| 来宾市| 吉林市| 宜兰市| 庆安县| 冷水江市| 霞浦县| 临清市| 安吉县| 柳江县| 扶绥县| 探索| 察隅县| 都江堰市| 宁德市| 巴青县| 赤水市| 遂昌县| 哈尔滨市| 万源市| 扶余县| 西藏| 江门市| 双峰县| 莲花县| 长沙市| 衡山县| 凌源市| 金阳县| 南木林县| 涿鹿县| 台中县| 安多县| 迭部县| 天水市| 巩义市| 内乡县| 汨罗市| 铅山县|