[]
        
在线Demo 免费试用
(Showing Draft Content)

数据表

1.概述

1.1功能概述

数据表用于展示数据集中的原始数据。

1.2应用场景

数据表用来展示未经加工或汇总的原始数据,主要集中在需要完整性、透明性或详细分析的场合。

2.创建数据表

2.1添加数据表组件

在仪表板设计器左侧可视化组件面板中,选择数据表组件并拖拽至编辑区,即可添加一个数据表组件。

image

2.2数据绑定

选中数据表组件,在右侧时数据绑定区域选择数据集或数据模型,将数据集或数据模型的字段拖拽至“列”绑定区域即可。

可绑定一个字段或多个字段到数据表中。

image

2.3设置数据格式

点击绑定区域中所绑定字段的设置按钮,在展开的下拉菜单中选择“设置格式”,在弹出的对话框中进行数据的格式化。

image

3.美化数据表

3.1多行列头

选中组件,点击“编辑列头”按钮,进入到列头编辑器,可对数据表的列头进行编辑。

image

进入到列头设计器中,选中行号,通过右键菜单可增加行或删除行。

image

选中多个单元格,通过右键菜单,可以进行合并、绑定数据列等操作。

image

完成修改之后,点击左上角的“退出列头设计器”,保存设置即可。

image

3.2设定列的对齐方式

点击绑定区域中所绑定字段的设置按钮,在展开的下拉菜单中选择“文本对齐”进行设置即可。

image

3.3设定行的对齐方式

点击绑定区域中所banging字段的设置按钮,在展开的下拉菜单中选择“文本垂直对齐”即可

image

3.4调整样式

产品预设了一批表格样式,可通过属性设置面板中的“样式”进行选择。

image

这里,选择的样式是批量设置了一组样式,用户也可以通过对对应区域的属性进行微调来达到自己想要的样式。

image

3.5设置分页

为了提供更好的新能体验,在产品中,对数据表默认进行分页。默认为200行每页。在分页设置中,可通过一系列设置对分页栏进行自定义。

image

若用户不需要分页,关闭“开启分页”即可。

image

type=warning

注意:

若数据量过大,如果关闭分页,可能导致性能问题。

3.6显示行号

在属性面板中,通过“显示行号”开关来控制是否显示行号。

image

  • 行号文本:用于设置行号列的列名。

  • 行号范围:用于设置行号的起止范围,默认为“全局行号”。

    • 全局行号:行号的范围为数据表中所有的数据

    • 页内行号:行号的范围为当前页的数据。

3.7设置运行时自动滚动

在一些场景中,在大屏展示的时候,需要表格可以自动滚动。在属性设置面板中开启“自动滚动”即可。用户还可以根据需要调整滚动的速度。

image

  • 自动滚动:用来控制是否开启自动滚动。默认不开启。

  • 自动翻页:用来控制当滚动到最后一行时,是否进行自动翻页。如不翻页,当滚动到最后一行时,将返回到本页的第一行再次进行滚动。

  • 平滑滚动:用来控制滚动的步长,当开启时,按像素进行滚动;关闭时,按行进行滚动。

3.8调整列宽

当绑定字段到数据表时,默认为自动列宽,根据该列的内容或列名宽度来确定初始的列宽。

image

也可进入列头编辑器进行列宽的调整,进入列头编辑器后,鼠标悬停至列与列之前的位置,可通过拖拽调整列宽

image

也可进入数据表的编辑状态,鼠标悬停至列与列之间的位置,可通过拖拽进行调整。

image

type=info

注意:

当手动调整过列宽之后,属性设置面板中的“自动列宽”选项变为了,若想恢复自动列宽,只需将选项调整为 以列头内容宽度为准以当前列的内容宽度为准 即可。

3.9其他属性设置

除了上述属性之外,还提供更多选项来进行样式的控制,请根据需要对其外观属性进行进一步的个性化设置。

相关链接:

4.数据的探索与分析

数据表组件支持添加数据过滤、条件格式化以及排序。

4.1数据过滤

4.2.1组件级过滤

选中组件,在组件的功能菜单中选择筛选进行过滤。

image

在数据绑定区域,通过点击绑定字段上下文菜单中的“筛选”,进行过滤。

image

4.2.2运行时快速数据过滤

在数据表组件中,打开“运行时显示快捷过滤”,当查看仪表板时,列名旁边会显示一个过滤的按钮,点击该按钮即可设定过滤条件。

image

4.2条件格式化

通过对表格数据进行条件格式化,大大增加表格的阅读性,让数据展示更加直观。

通过点击组件功能菜单中的“条件格式化”来进行设置。详情请参考:表格数据条件格式化

image

4.3排序

4.3.1对绑定数据进行排序

通过点击组件功能菜单中的“排序”来进行设置。指定排序的字段以及排序的顺序,点击“确定”进行排序操作。详情请参考:表格数据排序

image

4.3.2进入到数据表编辑状态进行排序

进入到数据表的编辑状态,点击列名,对该列进行排序。

image

4.3.2运行时点击列名进行排序

预览或查看仪表板时,点击列名,可对该列进行排序。

image

type=warning

注意:

运行时,通过点击列名进行排序,排序结果将不会被保存,当刷新仪表板,排序结果会被清除。

5.应用场景示例

5.1添加星型图标

1. 单击组件数据格式化按钮。

image

image2022-3-14_15-30-38.png

2. 按照下图所示选择需要的图标。

image2022-3-14_16-32-11.png

3. 查看效果。

image2019-11-7_11-15-57.png

5.2显示为货币格式

1. 单击设置按钮,选择设置格式

image

2. 选择货币,并设置小数位数和货币符号,并单击确定按钮。

image2019-11-7_11-19-6.png

3. 预览格式化效果。

image2020-5-14_13-38-47.png