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