检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts,请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。
s实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。单击“新增字段”,可定义发送事件时携带的参数字段。如何为自定义事件添加交互,请参见echarts组件自定义事件交互设置。 图7 自定义事件 自定义动作:echarts组件支持自定义动作,来响应
设置桥接器参数 桥接器数据类型:桥接器的数据源类型,支持“静态数据”和自定义接口“AstroZero API”。 URL:配置为自定义接口的URL。如何查看自定义接口URL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 共享数据:是否共享数据
安全密钥:如果您的地图密钥是在2021年12月02日以后申请的key,需要配合安全密钥一起使用。如何使用安全密钥,请参见JS API 安全密钥使用。 地图中心:设置地图中心的设置类型,支持自定义和行政区。 行政区编码:设置行政区或行政区对应的编码,如何下载行政区编码,请参见Web服务 API 相关下载。“地图中心”设置为“行政区”时,才显示该配置。
项目管理 设置项目锁 通用设置 组件设置 资源设置 健康检查设置 复制项目版本 修改项目名称 访问项目 删除项目 下载项目 导入项目 设置项目封面
媒体 音频 轮播图片 轮播页面 图片 FLV视频播放 视频 视频流 父主题: 组件介绍
文本 词云 时间轴 通用表格 基础表格 趋势 搜索框 下拉选择框 日历组件 翻牌器 时间展示 时间翻牌器 里程碑 排行榜 天气 文本编辑 复选框 日期选择器 指标 标题 树状下拉框 多趋势 树状表格 高级表格 时间选择器 父主题: 组件介绍
装饰 背景框 分割线 图标 背景图 装饰图案 父主题: 组件介绍
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题: 组件管理
数据接入 页面数据来源介绍 桥接器预置 自定义桥接器 静态数据 数据集 页面数据集 其他数据源
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题: 数据中心
创建工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额
AstroCanvas私有化部署 私有化部署安装指导 私有化部署升级指导
约束与限制 AstroCanvas实例 表1 AstroCanvas实例规格约束与限制 限制项 约束与限制 实例版本 AstroCanvas目前支持的实例版本有:Astro大屏应用基础版、Astro大屏应用专业版和Astro大屏应用企业版。 Astro大屏应用基础版:基于平台预置
购买AstroCanvas实例 购买AstroCanvas实例 购买扩容包增加页面数 授权IAM用户使用AstroCanvas 登录AstroCanvas界面
创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面
组件介绍 组件入门 图表 媒体 文本 地图 装饰 仪表盘 其它 导航 ECharts图表 3D场景编辑器
其它 Iframe布局框 全屏 步骤条 按钮 父主题: 组件介绍
导航 选项卡 路由导航(示例) 路由视图 父主题: 组件介绍
管理页面 管理组件模板 桥接器模板 查看操作日志