AXURE教程:散點圖
上一期教會大家如何用axure做堆疊柱狀圖,本文將教大家如何用AXURE做散點圖
效果如下:
一、功能介紹
- 所有圖表不需要聯外網,數據也不是寫死的,只需在中繼器或表格中填寫數據即可自動生成圖表,操作簡單。
- 大小、顏色、樣式、交互可以自由變換。
- 鼠標移入時能顯示具體數據。
二、制作方法
(1)先做出堆疊柱形圖原件,具體制作方法參考我上一篇文章——Axure教程:堆疊柱狀圖
(2)制作散點,用橢圓形畫出你喜歡的圓點。
(3)圓點定位,我們的目的是將原點定位到柱形上方的正中間,如下圖所示
那么到底要怎么做呢?橫坐標我們手動移到矩形的正中間即可,但是縱坐標柱形是會變化的,這要通過計算,移動原點,這樣就可以確定了園點的位置了。
(4)影藏掉矩形
(5)如果中繼器內的數據為空,隱藏該原點
最后,制作完成后,以后使用方便,僅需簡單填寫中繼器的內容,即可擁有完美的效果,謝謝閱讀。
本文由 @梓賢Vigo 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
原型預覽及下載地址:
https://axhub.im/pro/1882d0a30c3301c9
請問怎么設置這個中繼器為空?而且是每一項都要判斷嗎?