检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
的模板可在当前环境的所有租户下使用。 将页面发布为模板 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待发布为模板的页面。 单击“编辑页面”，进入大屏开发页面。 在大屏开发页面，单击，选择“发布为模板”。
预置的转换器，用于对数据进行转换处理。 单击“保存”，完成HTTP连接器数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏应用开发页面，拖拽所需组件（如水平基本柱图）到画布中。 图4 拖拽水平基本柱图到画布中 选中该组件，单击组件上方的，进入组件数据页面。
录AstroCanvas界面。 在主菜单中，选择“管理”，进入管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在组件模板列表中，单击所需的模板模板，进入模板详情页。 图1 预置组件模板 在模板详情页，单击“下载”，将模板下载到本地。 认识Widget包目录结构
业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击“新建项目”。 在新建项目页面，选择“移动端”，输入项目名称，单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面，如图2。
接器”，用于对数据进行转换处理。 单击“保存”，完成Prometheus数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏应用开发页面，拖拽所需组件（如多折线图）到画布中。 图4 拖拽多折线图到画布中 选中该组件，单击组件上方的，进入组件数据页面。
面中使用到的库。 资源设置 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“资源”。
业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击“新建项目”。 在新建项目页面，选择“大屏&PC端”，输入项目名称，单击“新建”。 项目名称的长度为1~64个字符，可包括中文、
字段：设置数据中展示的字段，支持使用标签。 刷新数据：单击该按钮，可预览数据。 单击“保存”，完成数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面，拖拽所需组件（如基本柱图）到画布中。 图3 拖拽基本柱图组件到画布中 选中该组件，单击组件上方的，进入组件数据页面。
数据预览：单击“数据预览”，可直观展示经过转换器处理后的样例报文。 单击“保存”，完成数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面，拖拽所需的组件（如基本柱图）到画布中。 图5 拖拽所需组件到画布中 选中该组件，单击组件上方的，进入组件数据页面。
设置表达式 刷新数据：单击该按钮，可预览查询出的数据。 单击“保存”，完成DWS数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏开发页面，拖拽所需组件（如基本柱图）到画布中。 图4 从图表中拖拽基本柱图组件到画布中 选中该组件，单击组件上方的，进入组件数据页面。
只能在当前环境的对应租户下使用。 将页面发布为全局模板 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待发布为全局模板的页面。 单击“编辑页面”，进入大屏开发页面。 在大屏开发页面，单击，选择“发布为全局模板”。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 自定义属性列表：路由视图自定义属性设置，如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中，选择一个已发布的页面查看其在画布中的效果。
在全部组件中，可以查看到各种类型的组件（包括预置组件和自定义组件），将组件拖拽到画布中进行配置，完成可视化应用项目的开发。更多关于组件的介绍，请参见组件介绍。 2 图层 在图层列表中，可以查看到画布中各个组件的图层位置，也可以根据可视化应用需要，手动调整每个组件图层的上下位置关系。更多关于图层的介绍，请参见图层管理。
"en_US": "English Label" } 配置项的标签，需要国际化。 listFixed Boolean 否 listFixed: true 列表个数固定，不展示新增、删除功能，默认为true展示。 labelOnce Boolean 否 labelOnce: true 仅在list首项展示一次label。
变量会生效。 创建项目变量 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 在页面右上角，选择“编辑项目”，获取项目编辑权限。 在
务场景的集合，在项目中可以创建多个页面。 在AstroCanvas服务控制台，单击“进入首页”，进入AstroCanvas界面。 在“项目列表”中，单击“+ 新建项目”。 图7 进入新建项目页面 在新建项目页面，选择“大屏&PC端”，输入项目名称（如交通管理），单击“新建”。 图8
基本折线图 统计告警处理平均时长 开发移动端页面 登录AstroCanvas服务控制台，单击“进入首页”，进入AstroCanvas界面。 在项目列表页面，单击右上角的“+ 新建项目”。 选择“移动端”，输入项目名称为“Alarm”，单击“新建”。 图2 新建移动端项目 在项目中，单击“+新建页面”。
步骤六：创建大屏页面展示问卷数据 创建一个大屏页面，将AstroZero中调查问卷反馈的数据呈现在大屏页面上。 在AstroCanvas界面的项目列表中，单击“新建项目”，输入项目的名称，新建一个项目。 在项目页面，单击“新建页面”。 单击“新建空白页面”，输入页面标题（如最受学生欢迎课程统计大屏），单击“新建”。
triggerEvent()”方法触发该事件时，要将变量字段传入发送的data中。 desc 事件的中英文描述，可描述事件的具体场景、作用，必须配置。 fields 变量列表，必须配置，即事件对外输出的变量集合，包含变量名、描述等，必须配置。 fields[0].name 表示变量名，例如“selectValue”。
成长地图 | 华为云 Astro大屏应用 Astro大屏应用（Astro Canvas，简称AstroCanvas）以数据可视技术为核心，以屏幕轻松编排，多屏适配可视为基础，帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用，满足项目运营管理、业务监控、风险预警等
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
