動態(tài)分組條形圖能夠直觀地看到各項數(shù)據(jù)變化，是一種常見的數(shù)據(jù)分析形式。本文分享了如何用AXURE中的中繼器制作動態(tài)分組條形圖，一起來看看吧。

一、效果介紹

如圖：

預(yù)覽地址：https://v7cmdp.axshare.com

二、功能介紹

• 簡單填寫中繼器內(nèi)容即可生成動態(tài)條形圖
• 樣式顏色等可以自由變換

三、制作方法

1）中繼器

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

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

四個個矩形，其中一個矩形顯示坐標，鼠標移動時，其字體顏色為#1EC695。

另三個矩形要生成的條形圖，其尺寸設(shè)置為8*15，顏色為分別#0000FF，#FEA213，#54CD72。

如下圖所示放置即可：

四、交互設(shè)置

1）中繼器

中繼器每項加載時：

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

鼠標移動時和鼠標移出時：

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