排行榜
更新时间:2021-07-26
排行榜可以反映出某一相关同类事物的客观实力,带有互相比较的性质,可以直观的展示出按某指标的降序排名已经排名变化情况。例如:奥运会期间各国家金牌数量排行榜。
排行榜的数据绑定
使用 SQL 绑定数据时,需要绑定一个维度字段和 1-4 个指标字段,其中第一个指标字段是主指标,作为排名依据,数据会根据主指标降序展示,并且会根据主指标绘制数据条,显示在主指标列右侧。
维度和指标字段都可以进行相关配置:
-
展示格式:默认情况下是直接展示绑定的字段数据,当然您可以做一些加工(
{value}
表示数据本身、{row.field}
可以拿到当前行的任意字段的数据,field
就是字段名):- 1、例如在数据后加一个百分号
{value}%
- 2、如图中第一行对类型字段格式化为了 HTML,并且设置了样式
- 1、例如在数据后加一个百分号
- 表头字段备注说明:可对某一列的表头进行备注说明,页面展示时会在表头名称后面显示一个小问号,鼠标悬停时将会展示具体的备注说明
- 单位:这个配置将作为字符串直接附加在本列数据的后面
- 列宽度:可不传,默认为自适应,可以设置为百分比,如
20%
,也可以设置为像素,如20
或20px
- 是否隐藏:如果选择了隐藏,数据会照样传递到前端,但是该列不会展示。如果选择了隐藏但导出 Excel 时包含本列,那么可以在大屏中不会显示本列,但是导出图表数据时,会包含本列的数据。
- 格式化方法:可以选择:秒转时分秒、字节转换、数字转万/亿、百分比等,也可选择自定义,根据其余列的情况选择不同的格式化方法,详见「表格格式化方法」
- 背景色: 如果需要对表格的某一列设置特殊背景色,可以通过此项实现
- 表头背景色: 如果需要对表格的某一列的表头单独设置背景色,可以通过此项实现
排行榜的高级设置
排行榜可以设置丰富的自定义样式,可以设置单元格对齐方式和间距,数据条的高度,数据变化时的动画时长,以及前三名的图标。
排行榜可以自定义颜色,可以使用报表页面的主题配色,也可以自定义各部分颜色: