检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
测试 > 上线的快速部署，从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。 发布项目 将已开发好的项目进行一键发布，发布项目时支持将项目中的数据集数据一并进行打包。 安装项目 获取已发布的项目包，在其他环境中安装，实现项目迁移。
在桥接器模板页面中，单击模板bridgeBasicTemplate，进入模板详情页。 图1 单击桥接器模板 在桥接器模板详情页，单击“下载”，将模板包下载到本地。 解压已下载的模板，修改桥接器模型名称。 桥接器模型名称需要和使用该自定义桥接器的组件中定义的模型名称相同，否则在组件中设置数据源时，桥接器实例无法选择到该桥接器。
雷达图 雷达图是指通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“雷达图”组件至画布空白区域，如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
一公共请求）而访问同一个接口的数据，避免多次调接口。“桥接器数据类型”选择“AstroZero API”时，才显示该参数。 输入数据：系统已预置了静态数据，如果需要自定义静态数据，请重置数据。“桥接器数据类型”选择“静态数据”时，才显示该参数。 刷新周期：每隔多少秒调用一次后台接口，默认配置为“0”，表示只调用一次。
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件，用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录，单击“确定”。 支持将素材添加到已有目录，或新的目录中。 在大屏设计页面，使用已上传的图片。 从“全部组件 > 媒体”中，选择“图片”组件拖入画布中。 单击“卡片”图标，在“背景”中，单击“选择图片”，从素材库中选择素材。
Astro轻应用（原AppCube）”，进入Astro轻应用服务控制台。 在左侧导航栏中，选择“Astro大屏应用”，进入Astro大屏应用服务控制台。 在已购买的实例中，单击“升级服务”。 图1 选择升级服务 在升级规格页面，选择目标资源规格，单击“去支付”。 图2 选择资源规格 进入支付页面，
Astro轻应用（原AppCube）”，进入Astro轻应用服务控制台。 在左侧导航栏中，选择“Astro大屏应用”，进入Astro大屏应用服务控制台。 在已购买的Astro大屏应用实例中，单击“续费”。 图1 选择续费 选择AstroCanvas的续费时长，单击“去支付”。 图2 续费 进入支付
CSV文件（文件大小不能超过100KB）拖入“上传文件”中，单击“保存”。 单击“保存”，完成数据集的创建。 在数据集管理列表中，可查看到已创建的数据集。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面，拖拽所需组件（如基本柱图）到画布中。 图4 拖拽基本柱图到右侧画布中
选择EchartsWidgetTemplate模板 单击“下载”，将EchartsWidgetTemplate组件模板包下载到本地。 解压已下载的组件模板包，认识组件结构。 表2 组件文件结构 文件名 文件说明 EchartsWidgetTemplate.js 组件逻辑文件，整个
FLV视频播放 FLV视频播放是媒体组件的一种，用于播放FLV（Flash Video）格式的视频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“FLV视频播放”组件至画布空白区域，如图1。 图1 FLV视频播放 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可
地图 AstroCanvas中的地图组件为二维地图，支持高德、百度、天地图和自定义地图。 在大屏设计页面，从“地图”中，拖拽“地图”组件至画布空白区域，如图1。 图1 地图组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频，仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“音频”组件至画布空白区域，如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
创建项目变量 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 在页面右上角，选择“编辑项目”，获取项目编辑权限。 在左侧菜单栏中，选择“项目变量”，单击“添加变量”。
初识开发页面 可视化开发页面 AstroCanvas一站式数据可视化开发页面，由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成，各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中，可以查看到各种
Prometheus数据源 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 新建Prometheus数据源
产品优势 使用AstroCanvas开发可视化大屏页面、移动端页面，具备如下优势。 大屏资产数据服务对接，轻松接入，高效复用 功能介绍 多种数据接入能力，在大屏资产中心中可保存为多种卡片，快速进行业务调整，随心所选 、高效复用。 特性优势 丰富的数据源：预置10+数据源 。 数据
里程碑 里程碑组件可以区分过去（选中）、现在（高亮、点击）和未来（默认）三种状态，来改变不同时间态的样式。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“里程碑”组件至画布空白区域，如图1。 图1 里程碑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色，可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据，帮助城市管理者及时监测城市运行状况，进行智慧决策，提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域，数据可视化大屏可以展示生产
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
