相關(guān)推薦
您可能對下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有16723人學過

UI交互app及axure設(shè)計教程

84小節(jié)已有76118人學過

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

在產(chǎn)品設(shè)計過程中,會做一些圖表分析的功能,這時候會經(jīng)常使用餅狀圖,今天我來教下餅狀圖的繪制方式~

1、從元件庫中拖入一個圓形,設(shè)置圓形大小“160*160”,選中圓形后,右鍵單擊

2、單擊【選擇形狀】后,在形狀庫中選擇“扇形”

 

3、拖動黃色小圓點,將扇形夾角度數(shù)設(shè)置小一點

4、接下去復制1個扇形,圓心與第一個對準,拖動第二個扇形的小圓點

 

5、在這邊我們確認一下餅狀圖需要表示幾個指標,即要分為幾塊;然后復制對應的扇形,例五塊。則復制5個扇形,根據(jù)需要調(diào)整各個扇形的夾角度數(shù)(拖動小圓點即可),最后在概要里面可以看到5個餅形

6、最后設(shè)置每個餅形的顏色即可:由于餅狀圖的大小都是一個圓形,尺寸一樣,直接單擊形狀時只能選擇最上層的形狀,這個時候我們可以在【概要】中選擇形狀,在右側(cè)【樣式】-【填充】中調(diào)整顏色

 

7、設(shè)置好五個餅形的顏色后,基礎(chǔ)的餅狀圖就繪制好啦~

8、如果需要設(shè)置查看指標數(shù)值的效果,可以接下去看哦~

9、拖入一個矩形框,在【樣式】中設(shè)置矩形框名稱為“數(shù)值”,然后設(shè)置填充色和半徑等(根據(jù)需要設(shè)置)

10、在右側(cè)【樣式】,點擊隱藏icon,隱藏矩形框

11、設(shè)置鼠標移入效果-顯示/隱藏-默認顯示—選擇矩形框(數(shù)值)

UI交互app及axure設(shè)計教程
我要自學網(wǎng)商城 ¥50 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
相關(guān)推薦
您可能對下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有16723人學過

UI交互app及axure設(shè)計教程

84小節(jié)已有76118人學過

分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC