在產(chǎn)品設(shè)計(jì)過程中,會(huì)做一些圖表分析的功能,這時(shí)候會(huì)經(jīng)常使用餅狀圖,今天我來教下餅狀圖的繪制方式~
1、從元件庫中拖入一個(gè)圓形,設(shè)置圓形大小“160*160”,選中圓形后,右鍵單擊
2、單擊【選擇形狀】后,在形狀庫中選擇“扇形”
3、拖動(dòng)黃色小圓點(diǎn),將扇形夾角度數(shù)設(shè)置小一點(diǎn)
4、接下去復(fù)制1個(gè)扇形,圓心與第一個(gè)對準(zhǔn),拖動(dòng)第二個(gè)扇形的小圓點(diǎn)
5、在這邊我們確認(rèn)一下餅狀圖需要表示幾個(gè)指標(biāo),即要分為幾塊;然后復(fù)制對應(yīng)的扇形,例五塊。則復(fù)制5個(gè)扇形,根據(jù)需要調(diào)整各個(gè)扇形的夾角度數(shù)(拖動(dòng)小圓點(diǎn)即可),最后在概要里面可以看到5個(gè)餅形
6、最后設(shè)置每個(gè)餅形的顏色即可:由于餅狀圖的大小都是一個(gè)圓形,尺寸一樣,直接單擊形狀時(shí)只能選擇最上層的形狀,這個(gè)時(shí)候我們可以在【概要】中選擇形狀,在右側(cè)【樣式】-【填充】中調(diào)整顏色
7、設(shè)置好五個(gè)餅形的顏色后,基礎(chǔ)的餅狀圖就繪制好啦~
8、如果需要設(shè)置查看指標(biāo)數(shù)值的效果,可以接下去看哦~
9、拖入一個(gè)矩形框,在【樣式】中設(shè)置矩形框名稱為“數(shù)值”,然后設(shè)置填充色和半徑等(根據(jù)需要設(shè)置)
10、在右側(cè)【樣式】,點(diǎn)擊隱藏icon,隱藏矩形框
11、設(shè)置鼠標(biāo)移入效果-顯示/隱藏-默認(rèn)顯示—選擇矩形框(數(shù)值)
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。