检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件响应动作实现 组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。
自定义分类时，可以使用分类的对象形式，对象中可以配置的字段如下表所示。 表2 自定义分类对象中的字段 字段 类型 示例 说明 tip Object tip: { "zh_CN": "图形", "en_US": "Series" } 鼠标悬浮提示，采用对象形式。 name String
ROMA连接器数据集 基于ROMA Connect APIC服务类型的数据集。 前提条件 连接的数据源已创建，如何创建请参见ROMA连接器数据源。 数据集所使用的转换器已创建，如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用，用于把调用API接口返回的
设置getWarnDetailByStatus数据集 应用：选择调用自定义接口所属的应用，本示例选择AstroZero中安装的“告警服务Mock应用”。 此处的“告警服务Mock应用”仅为示例，在实际使用时，选择AstroZero中已安装的一个应用即可。 API接口：API接口的URL，本示
数据进行转换处理。 单击“保存”，完成HTTP连接器数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏应用开发页面，拖拽所需组件（如水平基本柱图）到画布中。 图4 拖拽水平基本柱图到画布中 选中该组件，单击组件上方的，进入组件数据页面。 在“数
用于获取当前站点URL地址的根路径。站点和应用是一对一的关系，当创建应用时，系统默认会创建并分配一个站点。 假如，某个页面的URL地址为“https://10.10.10.1:12900/magno/render/cool__app_0000000000NABzEjpNIH/p
如何使用高级表格的后台排序功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时，在添加转换器时，需要先筛选、再排序、最后分页，如图1。 图1 转换器添加顺序 后台排序 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
间对接的成本。 AppKey：ROMA Connect上应用的Key值，获取方式如下： 登录ROMA Connect实例控制台。 在左侧导航栏中，选择“集成应用”。 单击应用名，进入概览页面，即可查看到Key值。 AppSecret：ROMA Connect上应用的请求密钥，用于私钥认证，获取方式如下：
HTTP连接器数据源 前提条件 参考新建连接器中操作，创建HTTP连接器。 新建HTTP连接器数据源 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。
如何通过全局变量，实现组件数据的动态变化 在AstroCanvas中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
三角形水位图 三角形水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“三角形水位图”组件至画布空白区域，如图1。 图1 三角形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
当前操作的类型，如新增、更新等。 组件ID 资产ID，前缀不可编辑，上传组件包后会自动填写。 目录名称 组件的存放目录，本示例选择“其它”。 场景 该组件包应用的场景，可根据业务需求选择“大屏&PC端”或“移动端”。 版本说明 该组件的描述信息。设置后，内容将会在组件详情页的“概况”页签下进行展示。
关系型数据库数据集 基于关系型数据库，如MS SQL Server、MySQL、Oracle、GaussDB或PostgreSQL创建的数据集。 前提条件 连接的数据源已创建，如何创建请参见关系型数据库数据源。 约束与限制 “数据配置”选择“SQL模式”时，输入的SQL语句中如果
tab 配置项说明 表1 tab配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "tab" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
'clickSeries', { zh_CN: '点击系列', en_US: 'Click Series' }); clickSeries对象中，“desc”是对事件selectItem的解释。“fields”为组件对外暴露的字段及相应描述。相应代码要在{widget}.js中实现如下：
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
了解代码目录结构 当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
switch 配置项说明 表1 switch配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "switch" 配置项类型。 value String 否 value: false 默认值。 name String 是 name: "commProps
time 配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型，支持的类型有time、date和datetime。 value
list 配置项说明 表1 list配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "list" 配置项类型。 name String 是 name:"intervalColors" 双向绑定list名称。 label Object 否 label:
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
