一、簡(jiǎn)介

成都創(chuàng)新互聯(lián)主營(yíng)巴彥網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都App定制開(kāi)發(fā),巴彥h5微信小程序開(kāi)發(fā)搭建,巴彥網(wǎng)站營(yíng)銷(xiāo)推廣歡迎巴彥等地區(qū)企業(yè)咨詢

  UUChart是一個(gè)用于繪制圖表的第三方，尤其適合去繪制折線圖。自己再做一個(gè)醫(yī)院相關(guān)的項(xiàng)目時(shí)，需要對(duì)一周內(nèi)的血壓進(jìn)行監(jiān)控，需要繪制折線圖來(lái)表示出高壓、低壓的走向，因此學(xué)習(xí)了一下。

二、下載地址：

    https://github.com/ZhipingYang/UUChartView

三、使用

  第一步、首先我們將下載下來(lái)的文件解壓，里面有一個(gè)UUChar的文件夾，然后將整個(gè)文件夾都拖到項(xiàng)目里面。我們會(huì)發(fā)現(xiàn)里面有UUBar.h、UUChart.h等文件，這些就是UUChart的具體實(shí)現(xiàn)。

  第二步、我們需要在引用的.h文件中引入

        #import “UUChart.h"

   然后實(shí)現(xiàn)代理

@interface BloodPressureViewController : BaseViewController<UUChartDataSource,RequestDelegate>

  然后我們需要實(shí)例化一個(gè)UUChart.我自己實(shí)例化的是：UUChart *bloodPressureCharView;

  實(shí)例化三個(gè)數(shù)組：

    NSMutableArray *xValues;   //這個(gè)是橫坐標(biāo)的內(nèi)容
    NSMutableArray *yValues1;  //這個(gè)是豎坐標(biāo)的內(nèi)容（高壓）
 

    NSMutableArray *yValues2;  //這個(gè)是豎坐標(biāo)的內(nèi)容（低壓）

   第三步、實(shí)現(xiàn)代理方法

    #pragma mark - UUCharView Delegate//該方法是返回實(shí)例化的折線圖的橫坐標(biāo)-(NSArray *)UUChart_xLableArray:(UUChart *)chart

{    return xValues;

  

}//該方法是返回實(shí)例化的折線圖的豎坐標(biāo)（若返回一個(gè)就是一條折線圖，我這里需要顯示高壓低壓，所以返回了兩個(gè)）-(NSArray *)UUChart_yValueArray:(UUChart *)chart

{   

    return @[yValues1,yValues2];

}//這里返回縱坐標(biāo)的范圍。-(CGRange)UUChartChooseRangeInLineChart:(UUChart *)chart

{    return CGRangeMake(200,0);

}//這里用于設(shè)置是否顯示大值最小值。

 -(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è)置的數(shù)據(jù)放入三個(gè)數(shù)組中即可。

題外話，我自己需要一個(gè)功能就是把所有的折線圖中的點(diǎn)的縱坐標(biāo)都顯示出來(lái)，所以對(duì)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];

}

這樣就可以把所有點(diǎn)的縱坐標(biāo)顯示出來(lái)了。效果如圖所示

另附請(qǐng)求處理源碼，希望大家用得到

 View Code

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文題目：UUChart的使用-創(chuàng)新互聯(lián)
當(dāng)前地址：http://chinadenli.net/article0/cdogio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、網(wǎng)站制作、企業(yè)網(wǎng)站制作、網(wǎng)站排名、電子商務(wù)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)