检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“资源”。 单击“新建资源”，依次引入有依赖关系的资源。 图1
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“健康检查”。 开启健康检查。 图1 健康检查 开启健康检
在选项卡设置中，将“选项卡数量”设置为4。 图3 增加选项卡数量 修改选项卡的名称。 图4 修改选项卡名称 调整矩形装饰和选项卡组件的相对位置。 拖拽基本饼图、玫瑰花饼图、基本柱图、多折线图和气泡图到矩形装饰中。 图5 拖拽图表到矩形装饰中 设置交互能力，根据不同的分类设置基本交互，即组件的显示/隐藏。
表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。 表头行高占比(%)：设置表头行高的占比。 表头背景色：设置表头的背景颜色，所有列的表头背景色同步修改。 表头字体：设置表头字体，所有列的表头字体同步修改。 边框：设置表头的边框样式。 行配置 奇行背景色：设置奇数行数据的背景颜色。 偶行背景色：设置偶数行数据的背景颜色。
数。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。 表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。所有列的表头对齐方式同步修改。 表头行高占比(%)：设置表头行高的占比。 表头背景色：设置表头的背景颜色，所有列的表头背景色同步修改。
分享数据集 数据集创建后，可复制数据集的链接分享给工作空间内的其它用户，其它用户可查看或修改数据集。 分享数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管
在弹出的确认框中，单击“确定”，即可删除卡片。 修改卡片名称 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的卡片”。 将鼠标放在对应的卡片上，单击，即可修改卡片的名称。 父主题： 资产管理
</div> 对下载的模板进行重命名，本示例修改为BarGraph。 进入解压后的目录，修改文件名称，即将EchartsWidgetTemplate.css修改为BarGraph.css，EchartsWidgetTemplate.editor.js修改为BarGraph.editor.j
华为云Astro大屏应用使用流程 华为云Astro大屏应用（Huawei Cloud Astro Canvas）是华为云针对可视化大屏场景的低码平台，可以帮助企业轻松实现数据的可视化开发。在使用华为云Astro大屏应用前，建议您先学习本章节内容，了解华为云Astro大屏应用的使用流程。
景的集合，在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，单击“新建项目”。 在新建项目页面，选择“移动端”，输入项目名称，单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面，如图2。
景的集合，在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，单击“新建项目”。 在新建项目页面，选择“大屏&PC端”，输入项目名称，单击“新建”。 项目名称的长度为1~64个字符，可包括中文、字
装饰”中，拖拽“背景图2”组件至画布空白区域，如图1。 图1 背景图2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 背景图卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
装饰”中，拖拽“装饰图案2”组件至画布空白区域，如图1。 图1 装饰图案2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 装饰图案卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置
热力图是柱状图的一种，通过对色块着色来显示数据的统计图表。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“热力图”组件至画布空白区域，如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 热力图卡片
目的第一个页面，默认为项目首页）和“园区办公人员统计”两个页面，现在将首页更改为“园区办公人员统计”。 发布为首页 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在对应的页面上（如本示例中的“园区办公人员统计”），单击“
中，支持包含变量，例如“https:example.{region}.com”。地址中的变量，在使用数据源时，支持修改，如图3。 图2 服务地址包含变量 图3 更改变量 接口鉴权方式：设置接口的鉴权方式，支持无身份认证和基本身份认证（用户名/密码）两种。 无身份认证：不需要任何验
域，来表示数据在不同维度的具体表现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“雷达图”组件至画布空白区域，如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
设置发行说明后，单击“提交”。 在桥接器列表中，可查看到已上传的桥接器。 使用自定义桥接器 参考创建大屏&PC端项目中操作，创建一个项目。 项目创建后，参考使用空白画布新建页面中操作，新建一个空白页面。 进入开发页面，从“全部组件 > 图表”中，拖拽玫瑰花饼图组件到画布中。 图3 拖拽玫瑰花饼图到画布中
在大屏设计页面，从“全部组件 > 图表”中，拖拽“散点图”组件至画布空白区域，如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 散点图卡片 卡片装饰：卡
在大屏设计页面，从“全部组件 > 图表”中，拖拽“气泡图”组件至画布空白区域，如图1。 图1 气泡图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 气泡图卡片 卡片装饰：卡
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
