AXURE怎么繪制餅狀圖
發(fā)布時(shí)間:2022-03-12 11:24 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3682

在產(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ù)值)

UI交互app及axure設(shè)計(jì)教程
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購買
文章評論
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會(huì)計(jì)課程 興趣成長 AIGC