华为云首页用户手册

ASTRO大屏应用 ASTROCANVAS-树状表格:图形

ASTRO大屏应用 ASTROCANVAS-树状表格:图形

时间：2024-12-30 14:38:18

ASTRO大屏应用 ASTROCANVAS

图形

图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。

图7 图形

统一配置
- 图标选中色：设置选中前台排序、前台筛选时，图标的显示颜色。
  图8 选中前台排序时图标显示的颜色
- 前台排序：是否开启前台排序功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。
  图9 在前台对数据进行排序
- 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。
  图10 在前台对数据进行筛选
数据系列：数据系列是一个数组，通常包含多个系列，即通过一个或多个系列配置循环渲染。
图11 数据系列

在数据系列中，拖动某一个系列可以和其他系列组成一个层级，最多支持3层。

图12 新建层级

图13 新建图层
- 原数据名：原始数据中默认的系列名称，可通过设置“列名”，进行修改。文字内容来源于数据模型的取值，如组件名称、时延和成功率。
- 类型：选择数据的类型，如单行文本、多行文本、数字、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型，展示的参数所有不同，请以界面实际显示的为准。本章节以单行文本为例，进行介绍。选择迷你柱状图和迷你折线图时，支持放大图表显示。
  图14 图表放大显示
- 列名：自定义数据中的系列名称。
- 数据系列：在图表中，是否显示数据系列。例如，组件名称系列中，单击开启，图表中将会显示组件名称这列，如果关闭，将会隐藏掉该列。
  图15 开启数据系列效果
  
  图16 关闭数据系列效果
- 前台排序：是否开启前台排序功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。“数据系列”设置为“开启”时，才会展示该配置。
  图17 在前台对数据进行排序
- 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。
  图18 在前台对数据进行筛选
- 列宽占比(%)：设置对应系列在图表中的占比。
- 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。
- 表头背景色：设置表头的背景颜色。
- 表头字体：设置表头的字体、颜色和大小等。
- 内容对齐方式：设置表格内容的对齐方式，如居中、左对齐等。
- 内容字体：设置表格内容的字体、颜色和大小等。

上一篇：ASTRO大屏应用 ASTROCANVAS-树状表格:配置

下一篇：ASTRO大屏应用 ASTROCANVAS-树状表格:配置

新客秒杀 2核2G 3M L实例

68元/年

普惠上云领千元上云礼券

立即前往

企业专享 X实例 4核8G 5M

888元/年

热门域名 1元随心购

1元/年起

ASTRO大屏应用 ASTROCANVAS-树状表格:图形

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题