检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图7 拖拽字段到对应坐标轴 表格字段:展示创建关
向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作,新建一个空白页面。 在大屏开发页面,从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中,并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。
在开发页面,从“组件 > 图表”中,拖拽基本柱图组件到画布中。 图10 拖拽基本柱图到画布中 选中组件,单击组件上方的,进入数据源设置页面。 “数据类型”选择“页面数据集”,选择创建页面数据集中创建的数据集。 图11 选择页面数据集 在组件预览中,拖拽表格中的字段到配置中,即可预览效果。 图12 预览效果
ROMA连接器数据集 基于ROMA Connect APIC服务类型的数据集。 前提条件 连接的数据源已创建,如何创建请参见ROMA连接器数据源。 数据集所使用的转换器已创建,如何创建请参见新建转换器。 华为云Astro大屏应用预置了转换器供用户直接使用,用于把调用API接口返回的数据
步骤一:注册账号并实名认证 使用华为云Astro大屏应用前,需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号,可直接跳过如下操作,但需要确保账号有足够的金额。 进入华为云官网,单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作,完成注册。 注册后参考实名
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
作自行到官网申请。 安全密钥:如果您的地图密钥是在2021年12月02日以后申请的key,需要配合安全密钥一起使用。如何使用安全密钥,请参见JS API 安全密钥使用。 地图中心:设置地图中心的设置类型,支持自定义和行政区。 行政区编码:设置行政区或行政区对应的编码,如何下载行政区编码,请参见Web服务
s实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。单击“新增字段”,可定义发送事件时携带的参数字段。如何为自定义事件添加交互,请参见echarts组件自定义事件交互设置。 图7 自定义事件 自定义动作:echarts组件支持自定义动作,来响应
页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本 如何进行设置页面 如何设置分享码 如何设置Token认证 如何设置内容安全策略 如何进行版本回退 华为云Astro大屏应用分享页Token签名校验使用说明
删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能 如何使用高级表格的后台筛选功能
Name' }, }, ], }, }, clickSeries字段对应组件{widget}.js文件中,注册的事件id。 window.Studio.registerEvents(this, 'clickSeries', { zh_CN:
组件销毁前的回调函数,组件自己实现继承。 init 组件初始化入口API,以SelectWidgetTemplate组件为例,初始化组件通用能力,负责注册组件事件和组件动作。主逻辑建议如下: init() { this._super.apply(this, arguments);
了解更多常见问题、案例和解决方案 热门案例 如何基于页面级的全局变量实现组件交互? 自定义组件时,如何设置交互事件的输出变量? 如何在数据集或跳转事件动作中设置变量? 如何通过全局变量,实现组件数据的动态变化? 如何使用高级表格的后台分页功能? 如何使用高级表格的后台排序功能? 如何使用高级表格的后台筛选功能?
设置桥接器参数 桥接器数据类型:桥接器的数据源类型,支持“静态数据”和自定义接口“AstroZero API”。 URL:配置为自定义接口的URL。如何查看自定义接口URL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 共享数据:是否共享数据
式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget
设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。 图4 设置Token认证信息 :打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。
设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。 图9 设置Token认证信息 :打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。
设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。 图5 设置Token认证信息 :打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。
设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。 图6 设置Token认证信息 :打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击对应项目上的。 在项目发布中,单击待发布版本后的,设置该版本为当前发布版本。 如何新建项目版本并发布,请参见发布及安装项目。 图1 发布版本 设置项目访问限制。 按照项目限制:项目中页面首次完成验证后,其余页面无需二次验