检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，按照组件分类，查找到对应组件。 您也可以在搜索框中，输入所需的组件（如图1），或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键，将目标组件拖拽到画布中。 图3 拖拽组件到画布中 组件添加成功
用echarts的init方法创建实例，此处可配置初始化相关的操作，包括echarts的主题等。 图5 初始化代码块 单击“参数说明”，可查看初始化代码块的参数说明。 单击，可复制初始化代码。 单击，可最大化初始化代码块页面。 实例化代码块：和初始化代码块类似，实例化代码块的目的是构造echarts
支持新建分组，用于集中管理项目。 试试从模板开始 展示系统推荐的模板，可以直接基于推荐的模板快速创建大屏页面。 单击“查看所有”，可查看系统预置的所有模板。 将鼠标放在对应的模板上，单击，可查看模板详情。 直接单击模板，可进入新建项目弹框，直接创建项目和页面。 数据中心 数据中心用于对页面的数据
在卡片设置中，输入卡片的名称，单击“保存”。 图3 设置卡片的名称 查看保存的卡片。 方式一：在编辑页面“我的卡片”中，查看已保存的卡片。 图4 在编辑页面查看保存的卡片 方式二：在“我的资产”中，查看已保存的卡片。 图5 在我的资产中查看 父主题： 组件管理
全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。
平台预置丰富模板，凝聚最佳实践，帮助用户快速完成大屏创建，实现数据可视化、运作数字化。 通过预置交互事件+交互动作，零代码实现丰富组件交付场景，同时开放自定义扩展组件交互事件动作能力，满足复杂的页面交互。 以AstroCanvas为能力底座，打造可视化大中小屏，一次构建、多屏复用、无缝协同、统一体验。
ROMA连接器 操作场景 基于ROMA Connect APIC服务类型的数据集。 前提条件 连接的数据源已创建，如何创建请参见ROMA连接器数据源。 数据集所使用的转换器已创建，如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用，用于把调用API接口返回的数据转
AstroZero 操作场景 获取某AstroZero环境中的对象数据，作为组件输入数据。 前提条件 连接的数据源已创建，如何创建请参见关系型数据库数据源。 读取对象数据所在的应用已创建，如何创建请参见创建应用。 创建数据集 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。
制等。 图4 配置 地图基本配置 地图密钥：输入地图的服务密钥，请参考高德开放平台中操作自行到官网申请。 安全密钥：如果您的地图密钥是在2021年12月02日以后申请的key，需要配合安全密钥一起使用。如何使用安全密钥，请参见JS API 安全密钥使用。 地图中心：设置地图中心的设置类型，支持自定义和行政区。
选择对应的工作空间和项目版本，单击“确定”。 图1 选择工作空间和项目版本 复制项目版本时，当所选项目与目标空间存在资产冲突时，请参考如何解决资产冲突问题？中操作处理。 图2 资产冲突 父主题： 项目管理
te），单击“更新”。 图11 更新组件 返回我的组件页面，可查看到组件名称变为TabsWidget_Update。 图12 查看新组件 在组件上，单击，可查看到新版本的组件（如1.0.2）。 图13 组件新版本 查看组件历史版本 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts，请提前了解。 图1 最终呈现效果 操作步骤 下载图表模板。
AstroCanvas学堂 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化 如何进行设置页面 如何切换AstroCanvas平台主题颜色
列表：展示了所有组件的icon和标题，方便组件的快速查找。 卡片：展示了组件的初始化样式和标题，方便组件的预览和图层位置的调整。 操作步骤 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 当页面中组件较多时，切换到图层页面，可方便快速查找到所需的组件。 在图层中，单击，将列表切换为卡片样式。
地图和百度地图。 高德/百度/天地图密钥：地图第三方密钥，请自行到对应官网申请。 高德地图第三方密钥，请参考高德开放平台申请。 百度地图第三方密钥，请参考百度地图开放平台申请。 天地图第三方密钥，请参考天地图官网申请。 自定义地图：根据实际需求，自定义地图。如果开启自定义地图，请
分享数据集 操作场景 数据集创建后，可复制数据集的链接分享给工作空间内的其它用户，其它用户可查看或修改数据集。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据
模板默认复制到目标工作空间的“我的模板”下。 查看模板详情 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的模板”。 将鼠标放在对应的模板上，单击，即可查看模板详情。 图3 查看模板 删除模板 参考登录Astr
建把握整体风格。 组件互动，预置近百种交互场景，自定义实现万千可能 功能介绍 通过预置交互事件+交互动作，零代码实现丰富组件交付场景，同时开放自定义扩展组件交互事件动作能力，满足复杂的页面交互。 特性优势 切换更加流畅：多样可视化，灵活切换。 效果更加炫酷：数据流动，清晰展现。
组件设置 操作场景 在组件设置中，查看并管理当前项目中已引用到的所有组件。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
