動態(tài)多散點圖是一種廣泛應(yīng)用于數(shù)據(jù)分析的工具，可以有效地呈現(xiàn)數(shù)據(jù)。如果你想了解如何使用AXURE中的中繼器來創(chuàng)建這種圖形，建議你可以仔細(xì)閱讀本文。

本文將教大家如何用AXURE制作動態(tài)多散點圖。

一、效果介紹

如圖：

預(yù)覽及下載地址：https://w8j93u.axshare.com

二、功能介紹

• 簡單填寫中繼器內(nèi)容即可生成動態(tài)多散點圖
• 樣式顏色等可以自由變換
• 鼠標(biāo)移入時散點變大并顯示相應(yīng)的數(shù)據(jù)

三、制作方法

1）中繼器

中繼器里有四列，d、y1、y2和y3，d為橫坐標(biāo)，y1、y2、和y3為具體數(shù)值如下圖所示：

2）中繼器內(nèi)材料組合

拖入三個矩形，其形狀分別設(shè)置為圓，大小設(shè)置為10*10，分別命名為藍(lán)、黃、綠，顏色為#0000FF、#FEA213、，#54CD72，三個散點制作完畢，在每個散點上拖入一個熱區(qū)，其大小為24*24，散點和熱區(qū)組合一起，三個散點疊放一起，如圖：

拖入一個矩形，其大小為8030,顯示橫坐標(biāo)數(shù)據(jù)。

如下圖所示放置即可：

3）中繼器外文本

在中繼器外建一個矩形，大小設(shè)置為100*50，顏色設(shè)置為#333333，透明度為60，設(shè)置隱藏狀態(tài)，只用于顯示其具體數(shù)值，如圖：

4）制作圖表

制作豎坐標(biāo)刻度以及圖例，如圖：

最終制作結(jié)果，如圖：

四、交互設(shè)置

1）中繼器

中繼器每項加載時：

2）散點設(shè)置

藍(lán)散點：

鼠標(biāo)移入時和鼠標(biāo)移出時：

黃散點：

鼠標(biāo)移入時和鼠標(biāo)移出時：

綠散點：

鼠標(biāo)移入時和鼠標(biāo)移出時：

3）中繼器外文本

鼠標(biāo)移出時：

這樣我們就完成原型制作了。