检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧导航栏中,单击“我的组件”。 在我的组件中,单击“添加组件”。 单击“+”或拖拽所需的组件到下图红框中。 图3 上传组件 按需设置组件ID和版本说明,单击“保存”。 图4 设置组件基本信息 复制自定义组件到其他工作空间 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
我的素材 操作场景 在我的素材中,管理用户上传的素材,如添加素材、复制素材到其他工作空间、删除素材等。同时,在我的素材页面右侧,可查看资产容量,即所有素材和封面图片的总和。 图1 查看资产容量 新建目录 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
通用配置 配置项说明 表1 配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
预置多种团队空间角色,预置管理员、开发者、数据分析师、数据工程师和访问者。 丰富组件轻松配置样式,快捷配置灵活实现布局 功能介绍 预置400+各类组件,配合自定义组件能力,实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件:各类图表、地图、视频、二三维引擎、
配置项总览 本章节介绍AstroCanvas支持的组件配置项,您可以通过{widget}.editor.js文件中定义的type字段,来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
自定义字段等功能。AstroZero不支持配置全局变量。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图4 拖拽字段到坐标轴 表格字段:展示创建数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每
实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图5 拖拽字段到坐标轴 表格字段:展示创建Prometheus数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周
量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图5 拖拽字段到坐标轴 表格字段:展示创建HTTP连接器数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:
组件配置项(Config配置) 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题: 自定义组件开发规范
局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图5 拖拽字段到坐标轴 表格字段:展示创建DWS数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔
Astro大屏应用专业版:除了具备基础版本的能力,还提供了高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发,支持私有化部署。 表1 AstroCanvas套餐规格清单 版本类型 基础版 专业版 企业版 空间数 2个 5个 100个 页面数 20页 40页 500页
input 配置项说明 表1 input配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 subType String 否 subType: "password" 子类型,支持的类型有number、password。
false 是否展示提示图标。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 radio配置示例如下,配置后效果如图1所示。 { type: 'radio', name:
checkbox 配置项说明 表1 checkbox配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "checkbox" 配置项类型。 value Boolean 否 value: true 默认值。 name String 是 name: "commProps
() => () 远程搜索方法。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 select配置示例如下,配置后效果如图1所示。 { type: 'select', name:
恢复到经典原始。 6 数据 页面数据集的创建入口。AstroCanvas中的组件,支持对接页面级的数据集,以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况,可以减少重复的请求跟重复的配置。 页面设置 AstroCanvas可视化开发页面,支持配置页面屏
是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 switch配置示例如下,配置后效果如图1所示。
time 配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型,支持的类型有time、date和datetime。 value
textarea 配置项说明 表1 textarea配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "textarea" 配置项类型。 value String 否 - 默认值。 name String 是 name: "commProps.myString"
colorpicker 配置项说明 表1 colorpicker配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "colorpicker" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name