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

一、效果介紹

如圖：

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

二、功能介紹

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

三、制作方法

1）中繼器

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

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

四個(gè)個(gè)矩形，其中一個(gè)矩形顯示坐標(biāo)，鼠標(biāo)移動(dòng)時(shí)，其字體顏色為#1EC695。

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

如下圖所示放置即可：

四、交互設(shè)置

1）中繼器

中繼器每項(xiàng)加載時(shí)：

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

鼠標(biāo)移動(dòng)時(shí)和鼠標(biāo)移出時(shí)：

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