1. 程式人生 > 其它 >Axure基礎教程:繪製餅狀圖

Axure基礎教程:繪製餅狀圖

Axure RP 9 for Mac中文啟用版 

Axure RP 9 for Win中文啟用版

在產品設計過程中,會做一些圖表分析的功能,這時候會經常使用餅狀圖,今天我來教大家如何利用Axure RP繪製餅狀圖。

1、從元件庫中拖入一個圓形,設定圓形大小“160*160”,選中圓形後,右鍵單擊

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

3、拖動黃色小圓點,將扇形夾角度數設定小一點

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

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

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

7、設定好五個餅形的顏色後,基礎的餅狀圖就繪製好啦~

8、如果需要設定檢視指標數值的效果,可以接下去看哦~

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

10、在右側【樣式】,點選隱藏icon,隱藏矩形框

11、設定滑鼠移入效果-顯示/隱藏-預設顯示—選擇矩形框(數值)

以上就是Axure基礎教程繪製餅狀圖的全部內容了,更多精彩內容請關注macw.com!