Axure教程—動態單散點圖(中繼器)
動態單散點圖能夠直觀地展示數據的情況,是一種常用的數據分析方式。本文分享了如何用AXURE中的中繼器制作動態單散點圖,一起來看看吧。
本文將教大家如何用AXURE制作單散點圖。
一、效果介紹
如圖:
預覽及下載地址:https://q79has.axshare.com
二、功能介紹
簡單填寫中繼器內容即可生成動態單散點圖。
樣式顏色等可以自由變換。
鼠標移入時散點變大并顯示相應的數據。
三、制作方法
1)中繼器
中繼器里有四列,d、和y1,d為橫坐標,y1為具體數值如下圖所示:
2)中繼器內材料組合
拖入一個矩形,其形狀設置為圓,大小設置為10*10,顏色為#FEA213,散點制作完畢,在散點上拖入一個熱區,其大小為24*24,散點和熱區組合一起。
拖入一個矩形,其大小為80*30,顯示橫坐標數據。
如下圖所示放置即可:
3)中繼器外文本
在中繼器外建一個矩形,大小設置為100*50,顏色設置為#333333,透明度為60,設置隱藏狀態,只用于顯示其具體數值,如圖:
4)制作圖表
制作豎坐標和刻度,如圖:
最終的設計,如圖:
四、交互設置
1)中繼器
中繼器每項加載時:
2)散點和熱區組合
鼠標移入時和鼠標移出時:
3)中繼器外文本
鼠標移出時:
這樣我們就完成原型制作了。
本文由@產品纖纖 原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 unsplash,基于 CC0 協議。
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
評論
- 目前還沒評論,等你發揮!