Quart2D 畫圖二 (餅狀圖融撞、柱狀圖)

餅狀圖

  
   - (void)drawRect:(CGRect)rect {
    // Drawing code

    NSArray *arr = @[@20, @43, @37];
    NSArray *colorArr = @[[UIColor redColor], [UIColor blueColor], [UIColor greenColor]];
    CGFloat radius = self.bounds.size.width * 0.5;
    CGPoint center = CGPointMake(radius, radius);
    
    CGFloat startA = 0;
    CGFloat angle = 0;
    CGFloat endA = 0;
    
    for (int i = 0; i < arr.count; i++) {
        startA = endA;
        angle = [arr[i] floatValue] / 100 * 2 * M_PI;
        endA = startA + angle;
        UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:YES];
        [path addLineToPoint:center];
        
        [[self randomColor] set];
        [path fill];
    }
    
}

- (UIColor *)randomColor
{
    CGFloat r = arc4random_uniform(256) / 255.0;
    CGFloat g = arc4random_uniform(256) / 255.0;
    CGFloat b = arc4random_uniform(256) / 255.0;
    
    return [UIColor colorWithRed:r  green:g blue:b alpha:1];
}
   

柱狀圖

- (void)drawRect:(CGRect)rect {
    // Drawing code
    
    NSArray *arr = [self arrRandom];
    
    
    CGFloat x = 0;
    CGFloat y = 0;
    CGFloat w = 0;
    CGFloat h = 0;
    
    for (int i = 0; i < arr.count; i++) {
        
        w = rect.size.width / (2 * arr.count - 1);
        x = 2 * w * i;
        h = [arr[i] floatValue] / 100.0 * rect.size.height;
        y = rect.size.height - h;
        
        
        UIBezierPath *path = [UIBezierPath bezierPathWithRect:CGRectMake(x, y, w, h)];
        
        
        [[self colorRandom] set];
        
        [path fill];
        
        
    }
    
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    [self setNeedsDisplay];
}
- (NSArray *)arrRandom
{
    int totoal = 100;
    
    NSMutableArray *arrM = [NSMutableArray array];
    
    int temp = 0; // 30 40 30
    for (int i = 0; i < arc4random_uniform(10) + 1; i++) {
        temp = arc4random_uniform(totoal) + 1;
        
        // 100 1~100
        
        // 隨機出來的臨時值等于總值,直接退出循環(huán)粗蔚,因為已經(jīng)把總數(shù)分配完畢尝偎,沒必要在分配。
        
        
        [arrM addObject:@(temp)];
        
        // 解決方式:當(dāng)隨機出來的數(shù)等于總數(shù)直接退出循環(huán)鹏控。
        if (temp == totoal) {
            break;
        }
        
        totoal -= temp;
        
    }
    // 100 30 1~100
    // 70 40 0 ~ 69 1 ~ 70
    // 30 25
    // 5
    
    if (totoal) {
        [arrM addObject:@(totoal)];
    }
    
    return arrM;
}

- (UIColor *)colorRandom
{
    // 0 ~ 255 / 255
    // OC:0 ~ 1
    CGFloat r = arc4random_uniform(256) / 255.0;
    CGFloat g = arc4random_uniform(256) / 255.0;
    CGFloat b = arc4random_uniform(256) / 255.0;
    return [UIColor colorWithRed:r green:g blue:b alpha:1];
    
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末致扯,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子当辐,更是在濱河造成了極大的恐慌抖僵,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缘揪,死亡現(xiàn)場離奇詭異耍群,居然都是意外死亡,警方通過查閱死者的電腦和手機找筝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評論 3 392
  • 文/潘曉璐 我一進店門蹈垢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人袖裕,你說我怎么就攤上這事曹抬。” “怎么了急鳄?”我有些...
    開封第一講書人閱讀 162,764評論 0 353
  • 文/不壞的土叔 我叫張陵谤民,是天一觀的道長。 經(jīng)常有香客問我疾宏,道長张足,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,193評論 1 292
  • 正文 為了忘掉前任坎藐,我火速辦了婚禮兢榨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘顺饮。我一直安慰自己吵聪,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,216評論 6 388
  • 文/花漫 我一把揭開白布兼雄。 她就那樣靜靜地躺著吟逝,像睡著了一般。 火紅的嫁衣襯著肌膚如雪赦肋。 梳的紋絲不亂的頭發(fā)上块攒,一...
    開封第一講書人閱讀 51,182評論 1 299
  • 那天励稳,我揣著相機與錄音,去河邊找鬼囱井。 笑死驹尼,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的庞呕。 我是一名探鬼主播新翎,決...
    沈念sama閱讀 40,063評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼住练!你這毒婦竟也來了地啰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,917評論 0 274
  • 序言:老撾萬榮一對情侶失蹤讲逛,失蹤者是張志新(化名)和其女友劉穎亏吝,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體盏混,經(jīng)...
    沈念sama閱讀 45,329評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡蔚鸥,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,543評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了许赃。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片株茶。...
    茶點故事閱讀 39,722評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖图焰,靈堂內(nèi)的尸體忽然破棺而出启盛,到底是詐尸還是另有隱情,我是刑警寧澤技羔,帶...
    沈念sama閱讀 35,425評論 5 343
  • 正文 年R本政府宣布僵闯,位于F島的核電站,受9級特大地震影響藤滥,放射性物質(zhì)發(fā)生泄漏鳖粟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,019評論 3 326
  • 文/蒙蒙 一拙绊、第九天 我趴在偏房一處隱蔽的房頂上張望向图。 院中可真熱鬧,春花似錦标沪、人聲如沸榄攀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽檩赢。三九已至,卻和暖如春违寞,著一層夾襖步出監(jiān)牢的瞬間贞瞒,已是汗流浹背偶房。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留军浆,地道東北人棕洋。 一個月前我還...
    沈念sama閱讀 47,729評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像乒融,于是被迫代替她去往敵國和親掰盘。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,614評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 這一篇就應(yīng)該是繪圖這個系列的基礎(chǔ)中最后一篇了射众,然后碟摆,然后就過年啦!_冻鳌5渫伞!在此之前罗洗,分享了一些關(guān)于繪圖方面的基礎(chǔ)愉舔。可...
    非典型技術(shù)宅閱讀 5,976評論 12 67
  • 原文鏈接 這一篇就應(yīng)該是繪圖這個系列的基礎(chǔ)中最后一篇了,然后贩绕,然后就過年啦;鸬摹!J缜恪馏鹤!在此之前,分享了一些關(guān)于繪圖方面...
    春泥Fu閱讀 1,135評論 0 2
  • 1.柱型圖 柱型圖在數(shù)據(jù)報告中的運用非常廣泛,但是大部分朋友對柱形圖的制作碍讨,要么不規(guī)范治力,要么圖形表現(xiàn)力不夠,大風(fēng)7...
    大風(fēng)704閱讀 6,991評論 1 15
  • 前言: 這段時間項目做了一個賬單查詢的頁面使用到了餅狀圖勃黍,支付寶賬單那個餅狀圖琴许,就簡單的封裝了一個給大家看看,使用...
    退役程序猿閱讀 2,576評論 12 13
  • 雨中的水仙花 天使的光環(huán)都圍繞它 卻沒有你的羞澀溉躲,使我怦然心動榜田。 讓雨水澆灌我益兄, 從頭到腳, 讓我在雨中奔跑箭券, 追...
    張新怡閱讀 219評論 1 2