检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
目变量的顺序。调整变量顺序对页面中引用的变量无任何影响，只影响视觉效果。 使用项目变量 参考创建页面中操作，创建所需的页面。 在页面上方的工具栏中，单击，可查看到创建项目变量中创建的项目变量。 如果在页面中新建一个页面级全局变量，且变量的名称和项目变量一致（如ProjectVar
在本地部署信息中，单击“下载运行环境”，下载AstroCanvas运行环境部署包。 运行环境部署包用于在服务器上部署AstroCanvas服务，包名为“AstroCanvas_Runtime.zip”。如果需要下载历史版本的部署包，可以单击“版本列表”，再单击对应版本后的，即可将该版本的部署包下载到本地。
在弹出的确认框中，单击“退订”，进入退订资源页面。 选择退订的原因，单击“退订”。 在弹出的确认框中，单击“退订”，即可完成资源的退订。 如果您有订购页面扩容包，执行退订操作时，扩容包会一并退订。 图2 退订实例 在费用中心停止计费 登录管理控制台。 在顶部菜单栏中选择“费用 > 费用账单”，进入“费用账单”页面。
页面。 单击，选择新建并开发自定义组件中自定义的组件包BarGraph.zip，填写基本信息，单击“保存”。 图1 上传自定义组件BarGraph 表1 上传自定义组件参数说明 参数 说明 组件名字 组件名称，系统会根据组件包名称自动填充。 示例：BarGraph 操作类型 当前操作的类型，如新增、更新等。
将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文件，在该文件中列出Library包含的js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。 图1 MintUI库文件结构
在已购买的AstroCanvas实例中，单击“进入首页”，进入AstroCanvas界面。 在项目列表页面，单击“导入项目包”。 图4 导入项目包 选择1.h中导出的项目包，单击“打开”。 导入成功后，在项目列表中，可查看到已导入的项目。 父主题： 发布及安装项目
地。 图2 单击玫瑰花饼图 解压下载的组件包，在“RosePieChart_Widget.editor.js”中查找模型名称。 图3 查找模型名 根据业务需求，设置自定义桥接器中的数据连接逻辑，并将该目录中的所有文件和文件夹打成zip包。 将开发好的自定义桥接器zip包上传到AstroCanvas中。
购买AstroCanvas实例 购买AstroCanvas实例 购买扩容包增加页面数 授权IAM用户使用AstroCanvas 登录AstroCanvas界面
进入购买Astro大屏应用实例页面。 选择购买的实例版本和购买时长，单击“立即购买”。 购买实例时，支持同时购买页面扩容包，也可以在实例购买后，对页面进行扩容。页面扩容包计费规则，请参见计费项。 图1 购买实例（基础版） 图2 购买实例（专业版） 图3 购买实例（企业版） 选择支付方式，单击“去在线支付”，完成订单支付。
用AstroCanvas（试用实例版本为Astro大屏应用基础版），有效期为一个月。 购买扩容包增加页面数：在使用AstroCanvas过程中，当页面数达到上限时，可通过购买页面扩容包来增加页面数。 授权IAM用户使用AstroCanvas：购买实例的华为账号，可通过在华为账号下
在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组件详情页面，可查看组件的描述信息、变更历史和包信息。 预览组件模板 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。
变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下，也可以直接单击下载链接，获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget.editor.js”文件中，新增eventConfig配置。
项目和发布项目等。 新建一个项目 项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面，详情请参见创建项目。 导入项目包 从本地导入已创建的项目包，实现离线迁移、部署项目，详情请参见导入项目。 添加项目分组 支持新建分组，用于集中管理项目。 试试从模板开始 展示系统推荐的
容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图5 设置内容安全策略 开启“内容安全策略”时，如果在浏览器无痕模式下预览页面
容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图6 设置内容安全策略 开启“内容安全策略”时，如果在浏览器无痕模式下预览页面
容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图7 设置内容安全策略 开启“内容安全策略”时，如果在浏览器无痕模式下预览页面
√ √ 查询订单信息 √ √ 订购询价 √ √ 查询实例信息 √ √ 变更询价 √ √ 云服务到期查询 √ √ 购买实例 √ √ 购买扩容包 √ √ 实例升级 √ √ 实例冻结 √ √ 实例解冻 √ √ 删除实例 √ √ Astro Canvas FullAccess策略内容 {
容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图10 设置内容安全策略 开启“内容安全策略”时，如果在浏览器无痕模式下预览页
和企业版三种规格套餐，以满足不同场景下的用户需求。 计费模式 包年/包月 计费说明 快速购买 购买AstroCanvas实例 购买页面扩容包 04 使用 AstroCanvas改变了可视化大屏的制作模式，提供了丰富的可视化卡片、灵活的数据接入、页面所见即所得，帮助开发者快速构建和发布专业水准的可视化应用。
容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置完成后，在浏览器中打开发布链接地址，输入分享码后，单击，即可在线查看城市交通状态。 图15 输入分享码
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
