检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图层管理 视图切换 组件图层位置移动 筛选组件
图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图
组件管理 添加组件 拖拽组件 组件对齐 锁定/解锁组件 隐藏组件 重命名组件 将组件保存为卡片 复制并粘贴组件 跨页面复制组件 删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能
交互设置 组件间交互 页面间交互 通过参数控制响应动作 如何自定义动作
数据中心 转换器管理 连接器管理 数据源管理 数据集管理
转换器管理 新建转换器 删除转换器 关注转换器 父主题： 数据中心
数据集管理 （可选）新建目录 静态数据数据集 关系型数据库数据集 ROMA连接器数据集 AstroZero API数据集 AstroZero数据集 DLI数据集 DWS数据集 HTTP连接器数据集 Prometheus数据集 复制数据集 复制数据集到其它工作空间 分享数据集 删除数据集
连接器管理 新建连接器 复制连接器 删除连接器 父主题： 数据中心
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
地图 高德地图 地图 OpenLayers地图 父主题： 组件介绍
新建连接器 操作场景 在AstroCanvas中，通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 图1 在组件中有引入连接器流程 新建连接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“连接器”。
异步加载 引入第三方库 第三方脚本可以通过AstroCanvas平台“库”的能力引入。例如，引入https://www.makeapie.cn/echarts_content/xr1WrPou3b.html案例依赖的第三方脚本D3。 图9 第三方脚本示例 下载第三方脚本到本地PC机，新建文件packageinfo
资源设置 库是支撑页面组件运行的第三方依赖，如果缺少相应的库，则组件不能正常运行。在项目的资源设置中，您可以管理页面中使用到的库。 资源设置 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。
安全策略。 图5 设置内容安全策略 开启“内容安全策略”时，如果在浏览器无痕模式下预览页面，请确保“阻止第三方Cookie”已关闭，否则无法正常预览页面。 图6 关闭阻止第三方Cookie 父主题： 页面管理
安全策略。 图6 设置内容安全策略 开启“内容安全策略”时，如果在浏览器无痕模式下预览页面，请确保“阻止第三方Cookie”已关闭，否则无法正常预览页面。 图7 关闭阻止第三方Cookie 父主题： 创建页面
安全策略。 图7 设置内容安全策略 开启“内容安全策略”时，如果在浏览器无痕模式下预览页面，请确保“阻止第三方Cookie”已关闭，否则无法正常预览页面。 图8 关闭阻止第三方Cookie 父主题： 创建页面
扩容包和购买时长进行计费。AstroCanvas提供了三种不同的套餐版本，均为包年/包月购买方式。如果您需要快速了解AstroCanvas服务的具体价格，请参见AstroCanvas价格详情。 表1标“*”的计费项为必选计费项。 表1 计费项 计费项 计费说明 计费模式 计费公式
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
