You need to enable JavaScript to run this app.
导航

数字大屏表格

最近更新时间2024.01.11 18:43:12

首次发布时间2021.09.22 14:37:26

1. 概述

数字大屏的可视化组件中包含“表格”组件。

2.快速入门

(1)选择组件-图表中的表格,双击或拖拽到画布上以新增该组件,大屏中心将出现一个表格组件。


(2)在底部查询栏中的数据可视化中选择数据来源,并配置列表项等字段。表格可接受多个维度和指标作为表格的每一列。


(3)配置表格样式。


(4)在大屏上拖动表格调整位置,缩放表格调整大小。在画布上双击表格,在表格每列之间会出现蓝色的线,拖动可调整表格每列的列宽。

3. 功能介绍

3.1 样式-图内元素

3.1.1 表头

表头配置项可选择是否展示表头,默认展示。可配置表头的背景颜色、字体、字重、字号、字体颜色、表头排列方式等。


3.1.2 序号列

序号列为表格中第一列,可展示每行数据的序号,表格默认展示序号列。可配置序号列需要展示的标题文本、字体、字重、字号、字体颜色,以及序号的样式、颜色等。

3.1.3 表格区


(1)奇/偶行背景色
可根据需要,为表格的奇/偶行分别设置不同的背景色。
(2)行分割线 表格每行的分割线颜色配置。
(3)字体、字重、字号、字体颜色 表格区文本的字体、字重、字号、字体颜色配置。
(4)显示行数/滚动行数 当数据过多,表格的一页展示不全时,可以通过设置显示行数和滚动行数来优化视觉效果。显示行数为当前页可以看到的数据条数,滚动行数为每次向上滚动几条数据。

3.1.4 动画

通过动画间隔可设置表格数据滚动的间隔。

3.2 查询

3.2.1 数据来源

参考 数字大屏-数字大屏数据来源 模块,可以选择 静态数据、数据集、HTTP API 和 JavaScript 四种数据来源。


选定后在数据可视化-数据来源中,选择表格对应的数据来源。

3.2.2 数据可视化

表格可接受多个维度及指标作为列表项。


3.3 交互

表格支持每行数据单击、每行数据双击事件。交互面板中新建交互,选择所需的事件类型。针对该事件设置所需的响应,可通过Event.RowData.字段区域名.字段展示名称获取到当前点击的图元数据。图元点击事项具体操作可以查看《具体文档》。