Axure基礎教程:繪製餅狀圖
阿新 • • 發佈:2022-03-24
在產品設計過程中,會做一些圖表分析的功能,這時候會經常使用餅狀圖,今天我來教大家如何利用Axure RP繪製餅狀圖。
1、從元件庫中拖入一個圓形,設定圓形大小“160*160”,選中圓形後,右鍵單擊
2、單擊【選擇形狀】後,在形狀庫中選擇“扇形”
3、拖動黃色小圓點,將扇形夾角度數設定小一點
4、接下去複製1個扇形,圓心與第一個對準,拖動第二個扇形的小圓點
5、在這邊我們確認一下餅狀圖需要表示幾個指標,即要分為幾塊;然後複製對應的扇形,例五塊。則複製5個扇形,根據需要調整各個扇形的夾角度數(拖動小圓點即可),最後在概要裡面可以看到5個餅形
6、最後設定每個餅形的顏色即可:由於餅狀圖的大小都是一個圓形,尺寸一樣,直接單擊形狀時只能選擇最上層的形狀,這個時候我們可以在【概要】中選擇形狀,在右側【樣式】-【填充】中調整顏色
7、設定好五個餅形的顏色後,基礎的餅狀圖就繪製好啦~
8、如果需要設定檢視指標數值的效果,可以接下去看哦~
9、拖入一個矩形框,在【樣式】中設定矩形框名稱為“數值”,然後設定填充色和半徑等(根據需要設定)
10、在右側【樣式】,點選隱藏icon,隱藏矩形框
11、設定滑鼠移入效果-顯示/隱藏-預設顯示—選擇矩形框(數值)
以上就是Axure基礎教程繪製餅狀圖的全部內容了,更多精彩內容請關注macw.com!