本文将教大家如何用AXURE中的中继器做组分组柱状图。
如图:
预览地址:https://vvpq8c.axshare.com
原型下载地址:https://download.csdn.net/download/weixin_43516258/87761575?spm=1001.2014.3001.5503
一、功能介绍
1、在中继器或表格中填写数据即可自动生成图表,操作简单。
2、鼠标移入或点击时文字颜色变化,柱状图增加背景颜色
二、制作方法
1、柱状图我们用中继器来制作,中继器内部元件包括、三个矩形(填充颜色)、透明背景(矩形)、横坐标文字(文本标签),如下图所示摆放
2、中继器表格的填写
柱状图我们需要用中继器制作,中继器内部表格是存放具体数据的位置。我们需要增加以下几列数据:
3、坐标和边线
这样柱状图就可以自动生成了,接下来我们回到中继器外面,增加边线和y坐标值,如下图所示摆放:
三、交互设置
1、中继器内部
点击进入中继器,鼠标移入或移出该组合时
2、2、中继器
点击中继器,每项加载时
这样我们就完成动态分组柱状图原型模板的制作了,以后使用时只需要在中继器表格里填写内容即可