检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom" class="echarts-container"></div> </div> 父主题： 目录文件详解
客户端ID：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID。OAuth认证过程中，新建认证密钥时授权类型需选择“客户端模式”，用户建议选择具有管理员权限（System Administrator Profile）的用户。
考虑数据集天然支持二维数组对象，桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val，可以设置组件桩数据设置为简单二维对象数组[{val:123}]。
组件ID 资产ID，前缀不可编辑，上传组件包后会自动填写。 目录名称 组件的存放目录，本示例选择“其它”。 场景 该组件包应用的场景，可根据业务需求选择“大屏&PC端”或“移动端”。 版本说明 该组件的描述信息。设置后，内容将会在组件详情页的“概况”页签下进行展示。
“显示类型”设置为“分类显示”时，线颜色ID配置规则如下： 单线生效：直接配置对应线ID。 多条线生效：使用中文逗号“，”或英文逗号“,”，分隔对应线ID。 未设置线ID的线颜色默认走单色类型设置颜色。
在租户ID后，单击，即可复制租户ID。 图7 复制租户ID 进入解压后的目录，执行启动命令。
了解代码目录结构 当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作，登录AstroCanvas
产品规格差异 AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐，各套餐的功能说明如表1所示，具体计费详情请参见AstroCanvas产品价格详情。 Astro大屏应用基础版：基于平台预置模板、基础组件，
设置库的ID和版本说明，单击“保存”。 图1 设置库基本信息 复制自定义库到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的库”。 将鼠标放在待复制的库上，单击。
自定义桥接器 当需要连接其它数据，以获得组件最佳的展示效果时，可通过自定义数据桥接器实现。自定义桥接器时，需要先下载桥接器模板，根据组件的数据结构，对桥接数据进行对接和改造。 自定义桥接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas
访问密钥即AK/SK（Access Key ID/Secret Access Key），是您访问系统的身份凭证，系统通过AK识别访问用户的身份，通过SK进行签名验证，通过加密签名验证可以确保请求的机密性、完整性和请求者身份的正确性。
如何设置内容安全策略 大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置内容安全策略 参考使用模板新建页面中操作
图3 上传组件 按需设置组件ID和版本说明，单击“保存”。 图4 设置组件基本信息 复制自定义组件到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的组件”。
计费模式 包年/包月是一种先付费再使用的计费模式，适用于对资源需求稳定且希望降低成本的用户。通过选择包年/包月的计费模式，您可以预先购买AstroCanvas云服务资源并获得一定程度的价格优惠。本文将介绍包年/包月AstroCanvas资源的计费规则。如果您需要快速了解AstroCanvas
产品优势 使用AstroCanvas开发可视化大屏页面、移动端页面，具备如下优势。 大屏资产数据服务对接，轻松接入，高效复用 功能介绍 多种数据接入能力，在大屏资产中心中可保存为多种卡片，快速进行业务调整，随心所选 、高效复用。 特性优势 丰富的数据源：预置10+数据源 。 数据轻松接入
AstroCanvas使用流程 Astro大屏应用（AstroCanvas）是华为云针对可视化大屏场景的低码平台，可以帮助企业轻松实现数据的可视化开发。在使用AstroCanvas前，建议您先学习本章节内容，了解AstroCanvas的使用流程。 购买AstroCanvas实例 在使用
如图5中所示，该设置表示sales列满足设置的条件（大于19000）时，id列显示为红色，否则显示为正常颜色。 图5 新增条件格式 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
管理页面 管理组件模板 桥接器模板 查看操作日志
创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面
页面管理 复制页面 发布页面 页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
