Axhub Charts学习记录贴-条形图添加正序排序/倒序排序功能

已于 2022-01-26 13:56:47 修改
阅读量1.5k 收藏
点赞数
分类专栏： axure学习记录 文章标签： 交互
于 2022-01-26 13:53:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/silverwolf82/article/details/122699891
版权

axure中添加条形图与两个按钮，为方便操作，为按钮分别命名为“正序排序”“倒序排序”

为按钮添加单击交互事件，选择“更新行”，目标对象选择条形图的acp-config中继器：

在规则中输入[[item.item == '排序方式']]；

随后点击“选择列”，选择“value”

若想实现正序排序，输入DESC；倒序排序输入ASC：

设置完成后即可实现条形图的排序功能，如下图

天狼丶小银
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用AxhubCharts元件库在Axure RP中快速创建可视化统计图
02-15 3130
利用AxhubCharts元件库在Axure RP中快速创建可视化统计图
5分钟玩转Axure之快速创建Chart图表
黄昏誓
06-13 1万+
图表的作用 图表是我们在产品中不可或缺的一部分；它主要承担着直观表现数据和客观分析数据的作用。很多决策分析会依靠图表进行输出，分析图表在不同模式、场景和时间的变换下，所产生各不相同的联系及趋势。 Axure创建图表的三种方式 使用绘画钢笔直接绘制 这种方法是比较适合做静态的图表，没有交互或者交互比较简单，只是为了简单的展示而存在。 主要是先建立坐标轴，然后点击插入，点击绘画即可绘画出图形，最后点击Esc则完成图形的绘制。 2. 使用Axhub Charts元件库快捷创建 这种方法是比较推荐的，首先
如何在Axure中动态加载图表（Axhub Charts）
热门推荐
程序员精进之路
08-13 4万+
1.Axhub Charts是基于Echarts和Antv的图表元件库，主要是应用在Axure原型设计 Echarts:https://echarts.baidu.com，源于百度的开源的可视化解决方案 Antv:https://antv.alipay.com/zh-cn/index.html，源于蚂蚁金服的数据可视化解决方案 2.下载元件库rplib文件 https://axhub...
Axure Axhub Charts 数据编辑、显示
cj21828的专栏
01-18 750
Axure Axhub Charts 数据编辑、显示
Axhub Charts的图表 点击后 无法进行中继器的数据编辑（axure 9）问题解决
wyx100的专栏
04-22 8063
啥都不说了，看图看图看图，秒懂了吧
Axhub Charts Pro V2.1.0 演示文件
08-08
Axhub Charts Pro V2.1.0 演示文件
vue基于v-charts封装双向条形图的实现代码
10-15
主要介绍了vue基于v-charts封装双向条形图的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Axhub Charts Pro V2.1.1.rplib
08-09
Axhub Charts Pro V2.1.1.rplib Axhub Charts Pro V2.1.1.rplib Axhub Charts Pro V2.1.1.rplib Axhub Charts Pro V2.1.1.rplib Axhub Charts Pro V2.1.1.rplib Axhub Charts Pro V2.1.1.rplib Axhub Charts Pro V...
Axhub Charts Pro v2.1.0 数据可视化原型设计库
02-01
Axhub Charts Pro v2.1.0 数据可视化原型设计库
Axhub Charts Pro V1.0.6.rplib
04-27
方便实用的统计图表，包括饼状图、柱状图、折线图、环形图，以及综合统计页面，含交互动画。 交互, 图表, 实用, 统计, 综合统计
Axhub Charts 0.2.2.rplib
05-14
axhub charts，axure画原型可以用得上的可视化元件。axhub charts，axure画原型可以用得上的可视化元件。axhub charts，axure画原型可以用得上的可视化元件。
Axure数据图表元件（柱图、饼图、雷达图、折线图、面积图）
01-17
Axure数据图表元件（柱图、饼图、雷达图、折线图、面积图）Axure数据图表元件Axure数据图表元件Axure数据图表元件
帧级驾驶员困倦检测数据集
最新发布
02-01
帧级驾驶员困倦检测数据集 数据说明： 数据集是由(夜间睡眠-微睡眠-眼-驾驶员分心)构建的，由130个视频组成，显示驾驶者在真实汽车中，在夜间条件下移动。这些视频是由安装在汽车仪表板上的车载摄像头拍摄的。参与的驾驶员是:11名男性和10名女性，他们有不同的特征(头发颜色、胡须、眼镜等)。 数据集旨在评估瞌睡检测算法以及面部、嘴部和眼晴跟踪应用程序。FL3D从NITYMED获取顿，并使用以下三个标签之一对每个帧进行标记:[警惕，微睡眠。打呵欠]。我们部署retinaface模型来检测驾驶员的面部，并在每一帧的面部地标。自动检测到的边界框由手工检查和校正。 在构建FL3D数据集时，我们提出了以下假设 1.对应于驾驶员闭上眼睛的微睡眠会话的所有顿都被标记为微睡眠。从理论上进，人们可以睁大眼睛体验微睡眠会话，但这样的帧没有添加到FL3D数据集。 2.与驾驶员的嘴张开超过大约2.5厘米的打哈欠时段相对应的所有都被标记为打哈欠。 3.驱动程序闪烁的顿将被删除，并且不包括在FL3D中。 最终注释和清理的FL3D数据集由53331张图像组成。验证和测试集包括3个女性和2名男性，其中2名女性和1名男性是
Axhub Charts图表元件库
04-03
基于Echarts Antv实现的一款Axure图表元件库 可以任意更改图表大小、背景 可以任意更改图表数据，支持excel复制黏贴 可以通过中继器实时与图表交互实现动态图表 100%实现了Antv或Echarts的样式和交互动效 地址：https://www.axureshop.com/a/100749.html?proxy=1
Axhub Charts Pro可视数据大屏.rp
11-10
适应于电商大数据场景的大数据监控大屏的Axure原型，可通过Group内data和config中继器可更改数据及配置，跟另外一个数据大屏类型不同
初识Axure
qq383264679的专栏
08-04 791
为什么使用Axure，这个应该是大势所趋吧，任何时代都是新生事务淘汰旧实物，axure是画原型图的工具，使用它就能模拟真实的项目，一个恰当的比喻：                          就是做房地产商的人，打算在某一片购置的土地上面建造一所房子，老板怎么样才能知道建成之后的房子就是自己所想要的呢？所以首先需要一个图纸，里面画好，这里是厕所，这里是厨房，这里是客厅，这是房间....老板
html：button + script 侧边栏-实现正序和倒序
qq_51874203的博客
05-06 332
1：body部分 <button onclick="zf()">正序/倒序</button> //侧边栏 <aside> <ul></ul> </aside> 2：script部分 //数据源 var arr = ["盒模型","浮动","定位","表单","响应式","弹性盒子","特效","动画","less/sass","网格","ES5"]; // 获取ul var ul =do
Axure：中继器的排序
Coolstuz的博客
10-05 1121
功能实现：如图，简单的实现排序 元件需求 一个中继器、一个按钮、两个文本标签 将两个文本标签放入中继器内部，并将其改名 并给中继器填入词库 交互 给中继器在“每项加载时”添加交互 给按钮添加交互 至此结束，预览即可查看效果！ 感谢你能看到这里！ 希望这篇文章能帮到你！ ...
ERROR Failed to compile with 4 errors 10:23:43 These dependencies were not found: * @jiaminghi/c-render/lib/plugin/util in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BigScreen/LabelTag.vue?vue&type=script&lang=js& * @jiaminghi/charts/lib/util/index in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BigScreen/LabelTag.vue?vue&type=script&lang=js& * @jiaminghi/data-view in ./src/main.js To install them, you can run: npm install --save @jiaminghi/c-render/lib/plugin/util @jiaminghi/charts/lib/util/index @jiaminghi/data-view Failed to resolve loader: less-loader You may need to install it. Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp' 错误解释
06-07
这是一个编译错误，其中有一些依赖项未被找到。具体地说，缺少@jiaminghi/c-render/lib/plugin/util，@jiaminghi/charts/lib/util/index和@jiaminghi/data-view。为了解决这个问题，你需要运行命令：npm install --save @jiaminghi/c-render/lib/plugin/util @jiaminghi/charts/lib/util/index @jiaminghi/data-view，来安装缺少的依赖项。此外，还有一个关于less-loader的错误，可能需要安装它。最后，还有一个关于chokidar错误的提示，它可能是由于某些文件正在被占用或锁定，可以尝试重新启动你的计算机来解决这个问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值