检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何将AstroZero中的大屏项目迁移到AstroCanvas 场景说明 华为云Astro大屏应用（Astro Canvas，简称AstroCanvas） 产品已正式商业化上线。Astro轻应用（Astro Zero，简称AstroZero）免费版中的“业务大屏”入口计划于20
Studio对象预置API一览表 表1 Studio对象预置API一览表 API API说明 registerWidget 定义组件。 registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。
i18n.json 文件介绍 i18n.json为组件的国际化资源文件，用于配置多语言，目前支持的多语言包含中英文两种，相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中，在packageinfo.json中的配置示例如下： "i18n":
产品优势 使用AstroCanvas开发可视化大屏页面、移动端页面，具备如下优势。 大屏资产数据服务对接，轻松接入，高效复用 功能介绍 多种数据接入能力，在大屏资产中心中可保存为多种卡片，快速进行业务调整，随心所选 、高效复用。 特性优势 丰富的数据源：预置10+数据源 。 数据
HttpUtils工具类预置API一览表 表1 HttpUtils工具类预置API一览表 API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken
初识开发页面 可视化开发页面 AstroCanvas一站式数据可视化开发页面，由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成，各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中，可以查看到各种
指标 指标是一种文本组件，用于在可视化页面中显示指标数据。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“指标”组件至画布空白区域，如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
授权IAM用户使用AstroCanvas 华为账号购买AstroCanvas实例后，可通过在华为账号下添加IAM用户，实现多人协助开发可视化大屏应用。 前提条件 已参考创建IAM用户中操作，创建IAM用户。默认情况下，新创建的IAM用户没有任何权限。您需要为其授予权限，或将其加入
视频流 视频流是媒体组件的一种，主要用于对接监控视频流，在可视化应用中主要应用于监控场景需求，对接监控视频展示场景。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频流”组件至画布空白区域，如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可
实心圆饼图 实心圆饼图是饼图组件的一种，通过实心圆的方式，将数据信息清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“实心圆饼图”组件至画布空白区域，如图1。 图1 实心圆饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由
通用表格 通用表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“通用表格”组件至画布空白区域，如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
折柱图 折柱图是柱状图的一种，通过折线和柱状图相结合的方式，将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“折柱图”组件至画布空白区域，如图1。 图1 折柱图 图2 折柱图效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件
路由视图 路由视图是导航组件的一种，通过配置不同页面，在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用，提升性能。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“路由视图”组件至画布空白区域，如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图
树状表格 树状表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“树状表格”组件至画布空白区域，如图1。 图1 树状表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频，仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“音频”组件至画布空白区域，如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
基本饼图 基本饼图是饼图的最基础表现形式，即通过饼图的方式，将数据信息清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本饼图”组件至画布空白区域，如图1。 图1 基本饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡
基础表格 基础表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“基础表格”组件至画布空白区域。 图1 基础表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中
高级表格 高级表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“高级表格”组件至画布空白区域，如图1。 图1 高级表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
散点图 散点图是气泡图的一种，通过数据点，来对数据的相关性进行描述的可视化图形。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“散点图”组件至画布空白区域，如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
ECharts图表 为了拓展预置组件的能力，AstroCanvas集成了Echarts图表库。ECharts是当前使用最为广泛的开源图表库之一。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 以基础折线图为例，在大屏设计页面，从“全部组件 > EChar
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
