本文将教大家如何用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)折线
折线载入时
这样我们就完成原型模板的制作了