检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图1 下载对应版本的项目包 根据业务需求，选择运行容器，单击“下载”。 图2 选择运行容器 运行容器：选择项目包的运行容器。
图1 下载对应版本的项目包 根据业务需求，选择运行容器，单击“下载”。 图2 选择运行容器 运行容器：选择项目包的运行容器。
图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。 图2 配置 容器名称：设置容器的名称，命名必须唯一。名称是组件的唯一标识，设置后其他3D组件会通过这个标识，识别到这个容器，并在容器上进行渲染。 场景地址：设置渲染的3D场景地址。
步骤2：准备应用运行环境 更多 Ping不通 应用容器化改造介绍 应用容器化改造流程 步骤1：对应用进行分析 更多 访问外网 应用容器化改造介绍 应用容器化改造流程 步骤1：对应用进行分析 步骤2：准备应用运行环境 更多 操作系统相关 应用容器化改造介绍 应用容器化改造流程 步骤
组件内操作dom的场景必须都加上这个父容器，如上面的代码。
图2 单击下载图标 在前端运行包下载页面，运行容器选择“Astro Canvas”，单击“下载”，将项目下载到本地。 图3 导出项目 在已购买的AstroCanvas中，导入项目。 在AstroZero服务控制台的左侧导航栏中，单击“Astro大屏应用”。
标题离容器上边距：标题距离组件上方的距离。 标题离容器左边距：标题距离组件左边的距离。 字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 颜色：设置图表中，图形的颜色。
colorpicker 配置项说明 表1 colorpicker配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "colorpicker" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name
slider 配置项说明 表1 slider配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "slider" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name
AstroZero 操作场景 获取某AstroZero环境中的对象数据，作为组件输入数据。 前提条件 连接的数据源已创建，如何创建请参见关系型数据库数据源。 读取对象数据所在的应用已创建，如何创建请参见创建应用。 创建数据集 参考登录AstroCanvas界面中操作，登录AstroCanvas
headers: { CSRF-Token: csrfToken }, }) }) HttpUtils.refreshToken：用于手动刷新页面的accesstoken，通常用在执行退出逻辑时，执行该方法刷新页面的accesstoken。
AstroZero API 操作场景 通过调用AstroZero的接口，来获取数据。 前提条件 连接的数据源已创建，如何创建请参见AstroZero数据源。 数据集所使用的转换器已创建，如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用，用于把调用API接口返回的数据转换成二维结构
input-number 配置项说明 表1 input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是
AstroZero数据源 操作场景 通过调用当前环境AstroZero接口或其他环境AstroZero接口，返回的数据作为数据源。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。
propertiesConfig 字段介绍 propertiesConfig是一个数组，用于保存组件配置项的相关字段，包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍，请参见组件数据接入。 组件配置项 配置示例如下，
props.commonProps || '{}'), ); return { commonProps }; }, /** * 初始化运行态组件VM实例 * @param {*} props 组件配置项 * @param {*} widgetContainer 组件容器
AK(Access Key ID)：配置为访问密钥对中“Access Key ID”对应的值，请参考获取AK/SK中操作，获取AK（Access Key ID）、SK（Secret Access Key），即访问密钥对。
通常用在执行退出逻辑时，执行该方法刷新页面的accesstoken。
表1 AstroCanvas系统权限 策略名称 描述 类别 策略内容 Astro Canvas FullAccess Astro大屏应用的管理员权限，拥有该权限的用户可以使用服务的所有功能。
访问密钥即AK/SK（Access Key ID/Secret Access Key），是您访问系统的身份凭证，系统通过AK识别访问用户的身份，通过SK进行签名验证，通过加密签名验证可以确保请求的机密性、完整性和请求者身份的正确性。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
