检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何使用高级表格的后台分页功能 后台分页必须和全局变量一起配合使用。要实现后台分页,需要在组件预览时,将数据中的total字段,添加到数据总数中。 后台分页 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 新建一个大屏页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域。
导入项目 从本地导入已创建的项目包,实现离线迁移、部署项目。 约束与限制 导入项目后,如果当前环境中不包含同名的数据源,会从项目包中安装数据源。新安装的数据源密码是空的,请在数据源中重新配置密码,也可以在项目页面的“数据”页签,单击,重新配置。 导入项目 参考登录AstroCan
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。 echartsInst.dispatchAction({ type: 'highlight'
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板,包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板,包含基本配置项、交互、数据对接等能力。
图1 S市智慧城市大脑 工业制造 在工业制造领域,数据可视化大屏可以展示生产线实时运行状态、设备故障警报、生产效率等数据,帮助工厂管理者实现生产过程的全面监控与分析,及时发现并解决生产中的问题,提高生产效率和产品质量。 图2 现场作业看板 展示汇报 数据可视化大屏可以用来展示项
全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图5 拖拽字段到坐标轴
全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图5 拖拽字段到坐标轴
用于满足用户在GIS或IOC等场景对地图的要求。 3D场景编辑器:在AstroCanvas企业版实例中,为您预置了3D场景编辑器组件,用于实现3D模型的展示和编辑。 商用 高德地图 3D场景编辑器 5 AstroCanvas控制台支持新风格界面 AstroCanvas控制台全新升级,支持新风格界面。
选中折线图堆叠组件,单击。 在自定义事件中,单击“新增自定义事件”,修改事件名称为“echarts单击系列”。 图2 新建echarts单击系列事件 在事件实现中,输入如下代码,即echarts实例的“单击系列”动作将会发送此事件,携带参数为echarts传递的事件对象。 echartsInst.on('click'
全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图6 拖拽字段到坐标轴
"SingleRepireDataViewModel" } ] } ], 页面数据集:通过页面数据集,可实现多个组件对接同一个数据输入,从而减少重复的请求和配置。更多介绍,请参见页面数据集。 数据源 支持直接从数据源(关系型数据库、Roma连接器
全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图7 拖拽字段到对应坐标轴
Astro Canvas:使用该运行容器下载的项目包,可在其他AstroCanvas环境的项目列表中,通过单击“导入项目包”进行安装使用,实现将环境A迁移项目到环境B。 OneMobile:使用该运行容器下载的项目包,可在华为OneMobile上安装运行。选择此方式时,还需配置应用ID、主页、环境类型等参数。
nvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下,也可以直接单击下载链接,获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget
clickSeries对象中,“desc”是对事件selectItem的解释。“fields”为组件对外暴露的字段及相应描述。相应代码要在{widget}.js中实现如下: this.echartsInst.on('click', 'series', (event) => { thisObj.
使用AstroCanvas开发告警处理情况统计移动端页面 应用场景 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1
逻辑。 create(必须配置):组件内置的扩展,仅在组件首次被创建时调用一次。 registerWidget(必须配置):注册组件的逻辑实现。 父主题: {widget}.editor.js
新建一个项目 项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面,详情请参见创建项目。 导入项目包 从本地导入已创建的项目包,实现离线迁移、部署项目,详情请参见导入项目。 添加项目分组 支持新建分组,用于集中管理项目。 试试从模板开始 展示系统推荐的模板,可以直接基于推荐的模板快速创建大屏页面。
None 服务介绍 华为云Astro大屏应用服务视频 介绍什么是Astro大屏应用 09:18 低码轻松实现数据可视化,帮助企业把数数清楚 新手入门 华为云Astro大屏应用服务视频 介绍AstroCanvas界面各个功能菜单 05:43 入门指引 华为云Astro轻应用服务视频