本文將教大家如何用AXURE中的中繼器動態(tài)條形圖。

一、效果介紹

如圖：

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

二、功能介紹

- 簡單填寫中繼器內(nèi)容即可生成動態(tài)條形圖

- 樣式顏色等可以自由變換。

- 鼠標(biāo)移入時能顯示具體數(shù)據(jù)。

三、制作方法

（1）中繼器

中繼器里有兩列，d和y，d為中坐標(biāo)，y為具體數(shù)值如下圖所示：

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

兩個矩形，其中一個矩形顯示坐標(biāo)，鼠標(biāo)移動時，其字體顏色為#0000FF

另一矩形要生成的條形圖，其尺寸設(shè)置為1*20，顏色為#0000FF，

如下圖所示放置即可：

（3）中繼器外文本

在中繼器外建一個矩形命名為文本并設(shè)置隱藏狀態(tài)，只用于顯示其具體數(shù)值，如圖：

四、交互設(shè)置

（1）中繼器

中繼器每項加載時

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

（3）中繼器外文本

這樣我們就完成動態(tài)條形圖原型模板的制作了，以后使用時只需要在中繼器表格里填寫內(nèi)容即可