检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
序列号:表格中序列号设置。 是否展示:表格中是否显示序列号。 序列号:设置序列号的名称。 列宽占比(%):设置序列号在表格中的列宽占比。 对齐方式:设置序列号对齐方式,如水平居中、居左和居右。 背景色:设置序列号的背景颜色。 半径:设置序列号的半径。 圆角:设置序列号圆角,0为直角。 字体:设置序列号的字体、大小和颜色等。
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题: 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色等设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色等设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标
结尾。 APIC服务地址:ROMA Connect服务集成APIC的网关地址,配置该值后,可实现调用ROMA Connect的服务API。 服务集成APIC(API Connect,简称APIC)是ROMA Connect的API集成组件,APIC将数据和后端服务以API形式开放
magno对象预置API一览表 表1 magno对象预置API一览表 API API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中,保存当前组件的高级设置属性信息。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题: 自定义组件开发规范
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
使用华为云Astro大屏应用开发告警处理情况统计移动端页面 应用场景 通过华为云Astro大屏应用开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1 组件说明 组件
上方会出现配置项面板,如图3。华为云Astro大屏应用中组件的配置项菜单分为卡片、指标、图形、图例、提示、参考线和坐标轴七大类(不同的组件展示有所不同,请以实际展示的为准)。 图3 组件配置项面板 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
项目管理 设置项目锁 通用设置 组件设置 资源设置 健康检查设置 复制项目版本 修改项目名称 访问项目 删除项目 下载项目 导入项目 设置项目封面
messages-zh/messages-en.json 组件的国际化资源文件,用于配置多语言(本例模板中未体现)。 表3 组件名.js中预置API说明 分类 API及说明 组件实例预置API init方法:主要包含组件渲染需要初始化数据的入口函数。 render方法:负责整个组件渲染的业务逻辑方法。 ge
桥接器数据类型:桥接器的数据源类型,支持“静态数据”和自定义接口“AstroZero API”。 URL:配置为自定义接口的URL。如何查看自定义接口URL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 共享数据:是否共享数据。勾选表示某项目里多个组
设置数据集 应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API接口,下拉框中的选项取值为接口的标签,如果接口标签取值为中文,则这里“API接口”显示为中文标签。如果接口标签未定义,则显示接口的操作名称。 请求类型:API接口的请求类型,系统会自动填入。 参数:接口入
组件对齐 选中多个组件后,单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式,以及水平和垂直的自动分布方式。 组件对齐 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,选择所需的组件,单击下图红框中图标,进行组件对齐。
showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 options Object 是 options: ["label": {"zh_CN": "开启","en_US": "Enable"},"value": true}
showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 options Object 是 options: ["label": {"zh_CN": "开启","en_US": "Enable"},"value": true}
Key ID):配置为访问密钥对中“Access Key ID”对应的值,请参考获取AK/SK中操作,获取AK(Access Key ID)、SK(Secret Access Key),即访问密钥对。 SK(Secret Access Key):配置为访问密钥对中“Secret Access
showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 options Objet 是 options: [{"label": {"zh_CN": "主按钮","en_US": "Enable"},"value": "primary"}
查询配置:单击“新增查询”,可增加promQL查询,最多只支持添加8条,支持设置变量。 测试API接口:用于测试该接口,单击“测试API接口”,“样例报文”中会显示输出结果。 样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
'高亮时淡出', en_US: 'Emphasis Focus' }, value: 'series', options: [ { label: { zh_CN: '不淡出其它图形', en_US: 'None'