本文將教大家如何用中繼器做漏斗圖，其中包括了功能介紹與制作方法。

你知道如何在Axure里面怎么樣用中繼器做一個(gè)漏斗圖嗎？一起來(lái)看看吧~

制作完成后的效果如下圖所示：

在線(xiàn)演示地址：http://ije8g9.axshare.cn/#g=1&p=環(huán)形圖http://ije8g9.axshare.cn/#g=1&p=%E9%A5%BC%E5%9B%BE

功能介紹

1. 圖表不需要聯(lián)外網(wǎng)，數(shù)據(jù)也不是寫(xiě)死的，只需在中繼器或表格中填寫(xiě)數(shù)據(jù)即可自動(dòng)生成圖表，操作簡(jiǎn)單。
2. 大小、顏色、樣式、交互可以自由變換。
3. 鼠標(biāo)移入時(shí)能顯示具體數(shù)據(jù)。

制作方法

1. 材料準(zhǔn)備

準(zhǔn)備多個(gè)高度相同，寬度不同的梯形，填上不同的顏色。梯形的制作，可以由3個(gè)矩形通過(guò)布朗運(yùn)算得到。梯形命名為梯形1、梯形2、梯形3……，梯形1是最大的放在最上的梯形。制作完成后，把所有放在中繼器中，水平分布，上下居中。如下圖所示：

2. 中繼器內(nèi)表格制作

如下圖所示，根據(jù)需求做好表格，最大的值一定要發(fā)在一個(gè)個(gè)格子。

no：按123456……順序排下去即可

name：具體名稱(chēng)

quantity：數(shù)量。

3. 中繼器內(nèi)交互

（1）每項(xiàng)加載時(shí)

如果no=1，那么除了顯示梯形1，其他梯形全部影藏。

如果no=2，那么除了顯示梯形2，其他梯形全部影藏

……以此類(lèi)推，具體如下圖所示：

4. 標(biāo)簽制作

做一個(gè)標(biāo)簽，如下圖所示，默認(rèn)隱藏。

思路：鼠標(biāo)移入梯形的時(shí)候，顯示標(biāo)簽，標(biāo)簽跟隨鼠標(biāo)移動(dòng)，讓小標(biāo)題的值=Item.name，數(shù)值=Item.quantity。

鼠標(biāo)移出的時(shí)候，隱藏標(biāo)簽即可。

最后，制作完成后，以后使用方便，僅需簡(jiǎn)單填寫(xiě)中繼器的內(nèi)容，即可擁有完美的效果，所以強(qiáng)烈推薦給各位使用。

有需要原型的小朋友給我留言哦，謝謝閱讀。

本文由 @梓賢Vigo 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議