检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
AstroCanvas使用流程 Astro大屏应用（AstroCanvas）是华为云针对可视化大屏场景的低码平台，可以帮助企业轻松实现数据的可视化开发。在使用AstroCanvas前，建议您先学习本章节内容，了解AstroCanvas的使用流程。 购买AstroCanvas实例
发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用，满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 Astro大屏应用业务全景 视频介绍 为什么选择Astro大屏应用 多种数据接入能力，在大屏资产中心里，可保存多种卡片，快速进行业务调整，随心所选
thisObj.getMessages()}) HttpUtils.getCsrfToken：通过ajax的方式去调用平台的接口时使用。如果使用平台桥接器的方式，平台会自动在请求header中添加csfr-token头。 HttpUtils.getCsrfToken(function(csrfToken)
参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“健康检查”。 开启健康检查。 图1 健康检查 开启健康检查功能后，平台会对页面运行状态进行检查。您也可以根据业务需求，自定义健康检查项。 全选：选中所有的健康检查项。 展示页面加载进度条：勾选后，页面顶部会出现页面加载进度条。 开启
为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 基本饼图卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题：是否显示组件的标题（如图3中的关键事件）。设置为“显示”时，可自定义标题的如下属性。
片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 ECharts图表卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示标题。 内容：输入标题的内容。 字体：设置标题的字体、大小和颜色等。
AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐，以满足不同场景下的用户需求。三种套餐均以包年/包月为购买模式，包年/包月是一种预付费模式，即先付费再使用，按照订单的购买周期进行结算，因此在购买之前，您必须确保账户
视频流 视频流是媒体组件的一种，主要用于对接监控视频流，在可视化应用中主要应用于监控场景需求，对接监控视频展示场景。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频流”组件至画布空白区域，如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可
卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 指标卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题：组件是否显示标题。设置为显示时，支持设置如下属性。 内容：自定义标题的内容。
价格详情。 适用场景 包年/包月计费模式需要用户预先支付一定时长的费用，适用于长期、稳定的业务需求。以下是一些适用于包年/包月计费模式的业务场景： 稳定业务需求：对于长期运行且资源需求相对稳定的业务，如企业官网、在线商城、博客等，包年/包月计费模式能提供较高的成本效益。 长期项目
卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 气泡图卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色等设置。
为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 多折线图卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色等设置。
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。
组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 钻石水位图卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。
变更套餐版本 背景信息 在购买AstroCanvas后，如果发现当前规格套餐无法满足业务需求，您可以变更套餐规格。当需要变更到高规格套餐时，需补齐版本差价，剩余服务周期按照剩余天数（不含闰年的2.29号）/365 进行计算（变更当天不算） ，续费时按照变更后的版本进行续费。 升级版本费用
设置版本号和版本描述（可选），勾选待发布的页面，选择页面版本，单击“确定”。 只有已生成发布链接的页面，才会显示在如图1所示页面中。您可以根据自身业务需求，选择发布一个或多个页面。 图1 新建版本 单击，设置项目当前发布版本。 图2 设置当前发布版本 在弹出的提示框中，单击“确定”。 发布成功后，页面显示“版本发布成功”。
了解代码目录结构 当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
因框架限制，widgetProperties对象中每个属性的value只能是String类型。 getContainer 一般用于在初始化阶段，获取组件dom，无入参，使用方式参考如下： var elem = thisObj.getContainer(); var readerVm = new Vue({ el:$("#select"
背景框 背景框是装饰组件的一种，包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求，选择不同的背景框，以增加视觉效果。 以自定义背景框为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“自定义背景框”组件至画布空白区域，如图1。 图1 自定义背景框 卡片 卡
为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 满月饼图卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件的标题，如“π巡报警”。 内容：自定义组件标题的内容。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
