检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在组件的“global_SelectWidget.editor.js”文件中,新增eventConfig配置。 eventConfig其实是一个对象,里面包含组件触发的自定义事件、自定义事件的说明以及事件对外输出的变量名、变量含义。 eventConfig: { sendSelect:
参数:接口入参,当有入参时,系统会自动展示,本示例不涉及。 当有入参时,单击参数后的“变量配置”,可给变量设置默认值。 图4 给变量设置默认值 测试API接口:用于测试该接口,单击“测试API接口”,“样例报文”中会显示输出结果。 样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
认筛选告警状态为“已关闭”的告警数据。 { "statusCode": ${alarmstatus} } 测试API接口:用于测试该是否接口。单击“测试API接口”,“样例报文”中会显示输出结果。 转换器:用于对数据进行转换处理,选择3中创建的转换器。 数据预览:单击“
客户端密码:调用AstroZero的接口前,需要配置“客户端模式”OAuth鉴权的客户端鉴权密钥,获取方法请参考客户端模式接入认证。 描述:新建数据源的描述信息。 单击“连接测试”,显示“连接成功”,表示数据源可以调通。 单击“保存”,完成数据源的创建。 父主题: 数据源管理
端口:数据库端口,取值范围为0~65535。 用户名:登录数据库的用户名。 密码:数据库用户密码。 数据库名称:数据库实例名称。 描述:新建数据源的描述信息。 单击“连接测试”,显示“连接成功”,表示DWS数据源可以调通。 单击“保存”,完成数据源的创建。 父主题: 数据源管理
Server”时,该参数才会显示。 用户名:登录数据库的用户名。 密码:登录数据库用户对应的密码。 数据库名称:数据库实例的名称。 描述:新建数据源的描述信息。 单击“连接测试”,显示“连接成功”,表示数据源可以调通。 单击“保存”,完成数据源的创建。 父主题: 数据源管理
AstroZero 操作场景 获取某AstroZero环境中的对象数据,作为组件输入数据。 前提条件 连接的数据源已创建,如何创建请参见关系型数据库数据源。 读取对象数据所在的应用已创建,如何创建请参见创建应用。 创建数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 描述:新建数据源的描述信息,长度不能超过128个字符。 单击“连接测试”,显示“连接成功”,表示数据源可以调通。 单击“保存”,完成数据源的创建。 父主题: 数据源管理
html * 可以直接使用的参数 * eventParam: 组件传递出的参数 * data: 交互动作信息对象 * $pageStore: 保存页面中全局变量的对象 * 你可以用$pageStore.setItems([{key:'id',value:'123'}])来批量更新全局变量
获取Connector属性,无入参,使用方式参考如下: const connProps = this.getConnectorProperties(); connProps对象中,包含组件接入的所有数据源信息。 图1 数据源信息 getConnectorInstanceByName 通过Connector名称获取
组件在没有对接外部数据源时,使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象,桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val,可以设置组件桩数据设置为简单二维对象数组[{val:123}]。 - 文件示例 通用的组件核心代码
params); }, 全局变量 组件触发自定义事件时,可以给全局变量赋值,fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object 字段描述,需要国际化。
'clickSeries', { zh_CN: '点击系列', en_US: 'Click Series' }); clickSeries对象中,“desc”是对事件selectItem的解释。“fields”为组件对外暴露的字段及相应描述。相应代码要在{widget}.js中实现如下:
在配置中,设置地图组件的基本信息、地图样式、地图控件和地图控制等。 图4 配置 地图基本配置 地图密钥:输入地图的服务密钥,请参考高德开放平台中操作自行到官网申请。 安全密钥:如果您的地图密钥是在2021年12月02日以后申请的key,需要配合安全密钥一起使用。如何使用安全密钥,请参见JS
新建echarts单击系列事件 在事件实现中,输入如下代码,即echarts实例的“单击系列”动作将会发送此事件,携带参数为echarts传递的事件对象。 echartsInst.on('click', 'series', triggerCurrentEvent); 单击“新增字段”,设置字段名称为“seriesIndex”。
天气 天气是文本组件的一种,用于展示相应城市24小时天气预报及未来一周的天气预报。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“天气”组件至画布空白区域,如图1。 图1 天气 图2 天气组件效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡