本文將教大家如何用AXURE制作動(dòng)態(tài)多散點(diǎn)圖
一、效果介紹
如圖：
預(yù)覽地址：https://w8j93u.axshare.com
二、功能介紹
1 、簡(jiǎn)單填寫中繼器內(nèi)容即可生成動(dòng)態(tài)多散點(diǎn)圖
2、樣式顏色等可以自由變換。
3、鼠標(biāo)移入時(shí)散點(diǎn)變大并顯示相應(yīng)的數(shù)據(jù)
三、制作方法
（1）中繼器
中繼器里有四列，d、y1、y2和y3，d為橫坐標(biāo)，y1、y2、和y3為具體數(shù)值如下圖所示：
2）中繼器內(nèi)材料組合：
拖入三個(gè)矩形，其形狀分別設(shè)置為圓，大小設(shè)置為10×10，分別命名為藍(lán)、黃、綠，顏色為#0000FF、#FEA213、，#54CD72，三個(gè)散點(diǎn)制作完畢，在每個(gè)散點(diǎn)上拖入一個(gè)熱區(qū)，其大小為24×24，散點(diǎn)和熱區(qū)組合一起，三個(gè)散點(diǎn)疊放一起，如圖：
拖入一個(gè)矩形，其大小為80×30,顯示橫坐標(biāo)數(shù)據(jù)
如下圖所示放置即可：
（3）中繼器外文本
在中繼器外建一個(gè)矩形，大小設(shè)置為100×50，顏色設(shè)置為#333333，透明度為60，設(shè)置隱藏狀態(tài)，只用于顯示其具體數(shù)值，如圖
（4）制作圖表
制作豎坐標(biāo)刻度以及圖例，如圖：
最終制作結(jié)果，如圖：
四、交互設(shè)置
（1）中繼器
中繼器每項(xiàng)加載時(shí)
（2）散點(diǎn)設(shè)置
藍(lán)散點(diǎn)
鼠標(biāo)移入時(shí)和鼠標(biāo)移出時(shí)
黃散點(diǎn)
鼠標(biāo)移入時(shí)和鼠標(biāo)移出時(shí)
綠散點(diǎn)
鼠標(biāo)移入時(shí)和鼠標(biāo)移出時(shí)
（3）中繼器外文本
鼠標(biāo)移出時(shí)
這樣我們就完成原型制作了
