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

本文将教大家如何用AXURE中的中继器动态条形图。
一、效果介绍
如图：

预览地址：https://i7x7i9.axshare.com
下载地址：https://download.csdn.net/download/weixin_43516258/87807039?spm=1001.2014.3001.5503

二、功能介绍

• 简单填写中继器内容即可生成动态条形图
• 样式颜色等可以自由变换。
• 鼠标移入时能显示具体数据。

三、制作方法
（1）中继器
中继器里有两列，d和y，d为中坐标，y为具体数值如下图所示：

（2）中继器内材料组合：
两个矩形，其中一个矩形显示坐标，鼠标移动时，其字体颜色为#0000FF

另一矩形要生成的条形图，其尺寸设置为1*20，颜色为#0000FF，
如下图所示放置即可：

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

四、交互设置
（1）中继器
中继器每项加载时

（2）中继器内料组合

（3）中继器外文本

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