Axure教程—单色折线图（中继器）

本文将教大家如何用AXURE中的中继器制作单色折线图

一、效果介绍
如图：

预览地址：https://d84rfm.axshare.com
下载地址：https://download.csdn.net/download/weixin_43516258/87814278
二、功能介绍

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

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

（2）中继器内材料：
拖入一个矩形，大小为：85300，用于连个数据的间距，在矩形中间放置一个垂直线，其大小为1300，颜色可以自由设置，本案例颜色设置为#FEA213，设置为隐藏状态，间距矩形和垂直线组合
拖入另一个矩形，大小为66；设置形状为圆，边框颜色#0000FF;
拖入一个矩形，设置大小为8540，用于显示横坐标，
如下图所示放置即可：

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

最终设计，如图：

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

（2）中继器内组合
组合鼠标移动和鼠标移出时

（3）中继器外文本
鼠标移出时

（4）折线
折线载入时

这样我们就完成原型模板的制作了