首页
我的博客
写文章
登录
注册
网站导航
互站首页
源码集市
服务市场
域名交易
网站交易
任务大厅
商家专区
互站社区
Axure8.0教程:动态柱状图表—排名图(中继器)
原创
纤纤露
2022-07-05 09:44:01
评论(0)
阅读(44)
在做可视化数据时经常用到图表,这次为大家分享用中继器做一个简单的动态柱状排名图。  预览及下载地址:https://jqt53j.axshare.com 一、制作原型 1.制作10个文本框,分别命名为:text1,text2……text10 2.制作10个条形,分别命名为:1、2、……10 3. 制作一个中继器  4.设置中继器数值  二、交互设置 设置中继器为隐藏状态 1、设置text的值的,触发中继器的“每项加载时”事件,添加判断条件,如果NO=1时,设置text1的值为[[Item.text]](中继器中的text列的值),如果NO=2时,设置text2的值为[[Item.text]]……如果NO=10时,设置text10的值为[[Item.text]],下图以text1为例,   2.设置条形图的尺寸以及动态效果 设置条形的尺寸以及动态效果,触发中继器的“每项加载时”事件,添加判断条件,如果NO=1时,设置1的尺寸宽值为[[Item.column]](中继器中的column列的值),高度不变(初始设置为15),锚点:左上角,动画:线性,时间500(为了动态效果更明显**个500,第二个1000,以此类推),以条形1为例  **的交互设置为: 
关注下面的标签,发现更多相似文章
本文TAG标签:
分享
QQ分享
微博分享
微信扫一扫
收藏
axure8.0教程中继器动态柱状图
上一篇:Axure8.0教程:下拉菜单+复选框全选Axure8.0教程:下拉菜单+复选框全选
下一篇:Axure8 教程:两种图片交互效果(悬浮放大和左右滑动切换Axure8.0教程:下拉菜单+复选框全选
您好,
请先
登录
!请文明评论,不得违反国家法律法规!
已有
0
条评论
纤纤露
关注
TA的店铺
8
文章
442
人气
0
评论
0
粉丝
专注Axure设计的产品经理
Ta的最新文章
Axure8.0:换一批(随机)
Axure教程:搜索输入联想功能(中继器)
Axure教程:滑动选择数值
Axure8 教程:两种图片交互效果(悬浮放大和左右滑动切换
Axure8.0教程:动态柱状图表—排名图(中继器)
标签大全
axure8.0教程动态面板多级联动
(2)
axure8.0教程动态面板
(1)
axure8.0教程动态面板多级联动下拉
(1)
axure8.0教程中继器动态柱状图
(1)
axure8.0教程动态面板图片交互效果
(1)
axure8.0教程动态面板多级联动 中
(1)
axure8.0教程axure中继器
(1)
阅读目录
已有 0 条评论