检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
"password" 子类型,支持的类型有number、password。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
”页签下进行展示。 操作 单击操作列中的,可上传组件图标。 单击操作列中的,可删除上传的组件包。 上传成功后,返回我的组件页面,可查看到已上传的组件。 图2 查看已上传的BarGraph组件 在大屏页面中使用自定义组件。 参考使用空白画布新建页面中操作,新建一个大屏页面。 在大屏页面的“全部组件
目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API接口,下拉框中的选项取值为接口的标签,如果接口标签取值为中文,则这里“A
时传递的URL进行签名鉴权,保证大屏的URL访问链接不会被篡改,从而提高大屏数据以及用户信息的安全性。 前提条件 在使用Token签名验证功能前,需满足以下条件: AstroCanvas大屏页面,使用Token验证的方式进行发布。 AstroCanvas大屏页面,以Get的方式在
beforeDestroy()函数:组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁。 /** * 组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁 */ beforeDestroy()
组件核心渲染API,负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁。 是 initContainer render中抽取的独立逻辑,初始化
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
{widget}.css:组件的样式文件,在该文件中编写组件的CSS样式。 {widget}.editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
子类型,支持的类型有time、date和datetime。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps
list中每一项含有的基础配置项。 基础配置项中可以通过加入width调整一行中的占比,例如3个options的width是20,30,30,三个配置项就会出现在一行。如果width是20,30,70,前两个会在一行,第三个占第二行的70%。 如果不加入width或者width占比为100,就会单独占一行。
样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器:选择新建转换器中创建的转换器或AstroCanvas预置的转换器,用于对数据进行转换处理。本示例新建一个转换器,用于返回符合条件的数据。 图3 新增一个转换器
目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 动作:创建HTTP连接器时,定义的执行动作。 参数:执行动作在连接器中,定义的参数。字段类型为“表达式”时,在字段值中单击鼠标,可进入表
如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi