axure商城

AXURE繪制餅狀圖教程

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

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

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

 

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

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

 

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

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

 

7、設置好五個餅形的顏色后,基礎的餅狀圖就繪制好啦~

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

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

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

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

5、最后預覽效果

https://www.wulihub.com.cn/go/qGg1K2/index.html

源文件下載? 密碼: 8d4l

給TA買糖
共{{data.count}}人
人已贊賞
高級教程

Axure屏蔽瀏覽器默認右鍵菜單的方法

2021-8-3 17:57:50

產品經理

百度App產品經理分享:App應用五大產品法則

2013-5-23 0:11:12

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo