检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
参考创建页面中操作,创建所需的页面。 在页面上方的工具栏中,单击,可查看到创建项目变量中创建的项目变量。 如果在页面中新建一个页面级全局变量,且变量的名称和项目变量一致(如ProjectVariable),则只有页面全局变量会生效。 图2 查看项目变量 在数据或交互动作中,使用项目变量。 选中页
item["学号"])), })) 转换器保存成功后,单击页面右上角的“保存”,返回设计界面。 在页面数据集页签中,可查看到已创建的数据集。单击图标,可查看当前页面使用了哪些数据源。 图9 查看页面数据集 使用页面数据集 在开发页面,从“组件 > 图表”中,拖拽基本柱图组件到画布中。 图10 拖拽基本柱图到画布中
None 服务介绍 华为云Astro大屏应用服务视频 介绍什么是Astro大屏应用 09:18 低码轻松实现数据可视化,帮助企业把数数清楚 新手入门 华为云Astro大屏应用服务视频 介绍AstroCanvas界面各个功能菜单 05:43 入门指引 华为云Astro轻应用服务视频
最新动态 本文介绍了Astro大屏应用 AstroCanvas各特性版本的功能发布和对应的文档动态,欢迎体验。 2024年6月 序号 功能名称 功能描述 阶段 相关文档 1 Astro大屏应用服务文档首次独立发布 Astro大屏应用(Astro Canvas,简称AstroCan
局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“?全局变量名=值”,给页面全局变量赋值,查看组件的数据变化。 图1 在URL参数中给全局变量赋值 父主题: AstroCanvas学堂
容”,进行扩容,详情请参见购买扩容包增加页面数。 图2 设置页面配额 设置后,可发现页面数由“0个/0个”更新为“0个/10个”。 图3 查看已设置的页面配额 父主题: 创建工作空间
”,“dataIndex”设置为“0”。 图3 设置动作详情 保存交互设置,预览页面,echarts组件渲染首个数据获得高亮效果。 图4 查看渲染效果 父主题: AstroCanvas学堂
购买Astro大屏应用实例:AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐,请根据需要选择按月购买或按年购买。未购买过AstroCanvas付费实例的用户,可申请免费试用AstroCanvas(试用实例版本为Astro大屏应用基础版),有效期为一个月。
为什么选择Astro大屏应用 多种数据接入能力,在大屏资产中心里,可保存多种卡片,快速进行业务调整,随心所选 、高效复用。 同一租户下可配置组织划分,可以根据群体权限隔离,支持独立空间管理大屏。 预置400+各类组件,配合自定义组件能力,实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。
0),在版本管理中,勾选“园区办公人员统计”页面,单击“确定”。 图1 新建版本 单击,将6中新建的版本设置为当前发布版本。 图2 设置发布版本 单击对应项目上的,即可查看到项目的首页变为了园区人员办公统计页面。 父主题: 页面管理
设置数据集参数 界面模式 该模式为界面化操作,需要选择具体的数据表、返回字段。单击“+”可新增分组字段、设置展示数据的过滤条件、将展示结果根据某个字段可进行升序或者降序排序、限定返回的总记录数。本示例选择界面模式,如选择city表,设置返回如下字段。 返回字段:设置返回的字段,可设置字段别名。
费,否则已创建的项目、页面等功能的使用可能将会受限。关于续费的详细介绍,请参见续费概述。 费用账单 您可以在“费用中心 > 账单管理”中,查看与AstroCanvas相关的流水和明细账单,以便了解您的消费情况。如需了解具体操作步骤,请参见费用账单。 欠费 在使用AstroCanv
数据中的total字段,必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图8 查看后台分页效果 父主题: AstroCanvas学堂
在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台排序效果 父主题: AstroCanvas学堂
在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台筛选效果 父主题: AstroCanvas学堂
自定义属性列表:路由视图自定义属性设置,如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中,选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中,设置路由视图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 导航
单击“新增静态数据”,将本地的Excel或CSV文件(文件大小不能超过100KB)拖入“上传文件”中,单击“保存”。 单击“保存”,完成数据集的创建。 在数据集管理列表中,可查看到已创建的数据集。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。 图4
占位符:没有输入内容时,展示的文字内容。 是否禁用:是否禁用该下拉框,禁用后,用户不可选择内容。 是否可输入:禁用后,只能在下拉框中选择,无法输入查找。 图5 设置后效 下拉弹出框设置 最大高度:设置下拉弹出框的最大高度。 背景颜色:设置下拉弹出框的背景色。 字体颜色:设置下拉弹出框中字体的颜色。
Canvas”,单击“添加授权成员”,进入添加成员页面。 选择前提条件中的IAM用户,单击“确定”,完成授权操作。 在AstroCanvas成员列表中,可查看到已授权的IAM用户。 图4 添加成员 将IAM用户添加到工作空间。 IAM用户授权后,即可正常进入AstroCanvas界面,但是会提示