Axure设计—动态条形图（中继器）

本文将教大家如何用AXURE中的中继器动态条形图。

一、效果介绍

如图：

预览及下载地址：https://i7x7i9.axshare.com/

二、功能介绍

- 简单填写中继器内容即可生成动态条形图

- 样式颜色等可以自由变换。

- 鼠标移入时能显示具体数据。

三、制作方法

（1）中继器

中继器里有两列，d和y，d为中坐标，y为具体数值如下图所示：

（2）中继器内材料组合：

两个矩形，其中一个矩形显示坐标，鼠标移动时，其字体颜色为#0000FF

另一矩形要生成的条形图，其尺寸设置为1*20，颜色为#0000FF，

如下图所示放置即可：

（3）中继器外文本

在中继器外建一个矩形命名为文本并设置隐藏状态，只用于显示其具体数值，如图：

四、交互设置

（1）中继器

中继器每项加载时

（2）中继器内料组合

（3）中继器外文本

这样我们就完成动态条形图原型模板的制作了，以后使用时只需要在中继器表格里填写内容即可