一、簡介
成都創(chuàng)新互聯(lián)主營巴彥網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,成都App定制開發(fā),巴彥h5微信小程序開發(fā)搭建,巴彥網(wǎng)站營銷推廣歡迎巴彥等地區(qū)企業(yè)咨詢UUChart是一個用于繪制圖表的第三方,尤其適合去繪制折線圖。自己再做一個醫(yī)院相關的項目時,需要對一周內(nèi)的血壓進行監(jiān)控,需要繪制折線圖來表示出高壓、低壓的走向,因此學習了一下。
二、下載地址:
https://github.com/ZhipingYang/UUChartView
三、使用
第一步、首先我們將下載下來的文件解壓,里面有一個UUChar的文件夾,然后將整個文件夾都拖到項目里面。我們會發(fā)現(xiàn)里面有UUBar.h、UUChart.h等文件,這些就是UUChart的具體實現(xiàn)。
第二步、我們需要在引用的.h文件中引入
#import “UUChart.h"
然后實現(xiàn)代理
@interface BloodPressureViewController : BaseViewController<UUChartDataSource,RequestDelegate>
然后我們需要實例化一個UUChart.我自己實例化的是:UUChart *bloodPressureCharView;
實例化三個數(shù)組:
NSMutableArray *xValues; //這個是橫坐標的內(nèi)容 NSMutableArray *yValues1; //這個是豎坐標的內(nèi)容(高壓) NSMutableArray *yValues2; //這個是豎坐標的內(nèi)容(低壓)
第三步、實現(xiàn)代理方法
#pragma mark - UUCharView Delegate//該方法是返回實例化的折線圖的橫坐標-(NSArray *)UUChart_xLableArray:(UUChart *)chart { return xValues; }//該方法是返回實例化的折線圖的豎坐標(若返回一個就是一條折線圖,我這里需要顯示高壓低壓,所以返回了兩個)-(NSArray *)UUChart_yValueArray:(UUChart *)chart { return @[yValues1,yValues2]; }//這里返回縱坐標的范圍。-(CGRange)UUChartChooseRangeInLineChart:(UUChart *)chart { return CGRangeMake(200,0); }//這里用于設置是否顯示大值最小值。 -(BOOL)UUChart:(UUChart *)chart ShowMaxMinAtIndex:(NSInteger)index { return YES; }//顏色數(shù)組- (NSArray *)UUChart_ColorArray:(UUChart *)chart { return @[UUGreen,UURed,UUBrown]; }- (BOOL)UUChart:(UUChart *)chart ShowHorizonLineAtIndex:(NSInteger)index { return YES; }
第四步、我們把自己需要設置的數(shù)據(jù)放入三個數(shù)組中即可。
題外話,我自己需要一個功能就是把所有的折線圖中的點的縱坐標都顯示出來,所以對UUChart稍加修改即可。修改方法如下:
找到UULineChar.m然后找到如下代碼:
- (void)addPoint:(CGPoint)point index:(NSInteger)index isShow:(BOOL)isHollow value:(CGFloat)value { UIView *view = [[UIView alloc]initWithFrame:CGRectMake(5, 5, 8, 8)]; view.center = point; view.layer.masksToBounds = YES; view.layer.cornerRadius = 4; view.layer.borderWidth = 2; view.layer.borderColor = [[_colors objectAtIndex:index] CGColor]?[[_colors objectAtIndex:index] CGColor]:UUGreen.CGColor; if (isHollow) { view.backgroundColor = [UIColor whiteColor]; }else{ view.backgroundColor = [_colors objectAtIndex:index]?[_colors objectAtIndex:index]:UUGreen; UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(point.x-UUTagLabelwidth/2.0, point.y-UULabelHeight*2, UUTagLabelwidth, UULabelHeight)]; label.font = [UIFont systemFontOfSize:10]; label.textAlignment = NSTextAlignmentCenter; label.textColor = view.backgroundColor; label.text = [NSString stringWithFormat:@"%d",(int)value]; [self addSubview:label]; } [self addSubview:view]; }
我們只需要把if else判斷去掉即可。即
- (void)addPoint:(CGPoint)point index:(NSInteger)index isShow:(BOOL)isHollow value:(CGFloat)value { UIView *view = [[UIView alloc]initWithFrame:CGRectMake(5, 5, 8, 8)]; view.center = point; view.layer.masksToBounds = YES; view.layer.cornerRadius = 4; view.layer.borderWidth = 2; view.layer.borderColor = [[_colors objectAtIndex:index] CGColor]?[[_colors objectAtIndex:index] CGColor]:UUGreen.CGColor; // if (isHollow) {// view.backgroundColor = [UIColor whiteColor];// }else{ view.backgroundColor = [_colors objectAtIndex:index]?[_colors objectAtIndex:index]:UUGreen; UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(point.x-UUTagLabelwidth/2.0, point.y-UULabelHeight*2, UUTagLabelwidth, UULabelHeight)]; label.font = [UIFont systemFontOfSize:10]; label.textAlignment = NSTextAlignmentCenter; label.textColor = view.backgroundColor; label.text = [NSString stringWithFormat:@"%d",(int)value]; [self addSubview:label];// } [self addSubview:view]; }
這樣就可以把所有點的縱坐標顯示出來了。效果如圖所示
另附請求處理源碼,希望大家用得到
View Code
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
本文題目:UUChart的使用-創(chuàng)新互聯(lián)
當前地址:http://muchs.cn/article0/cdogio.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、網(wǎng)站制作、企業(yè)網(wǎng)站制作、網(wǎng)站排名、電子商務、品牌網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容