排行榜

更新时间:2021-06-29

排行榜可以反映出某一相关同类事物的客观实力,带有互相比较的性质,可以直观的展示出按某指标的降序排名已经排名变化情况。例如:奥运会期间各国家金牌数量排行榜。

图片

排行榜的数据绑定

使用 SQL 绑定数据时,需要绑定一个维度字段和 1-4 个指标字段,其中第一个指标字段是主指标,作为排名依据,数据会根据主指标降序展示,并且会根据主指标绘制数据条,显示在主指标列右侧。

图片

维度和指标字段都可以进行相关配置:

  • 展示格式:默认情况下是直接展示绑定的字段数据,当然您可以做一些加工({value}表示数据本身、{row.field}可以拿到当前行的任意字段的数据,field就是字段名):

    • 1、例如在数据后加一个百分号 {value}%
    • 2、如图中第一行对类型字段格式化为了 HTML,并且设置了样式
  • 表头字段备注说明:可对某一列的表头进行备注说明,页面展示时会在表头名称后面显示一个小问号,鼠标悬停时将会展示具体的备注说明
  • 单位:这个配置将作为字符串直接附加在本列数据的后面
  • 列宽度:可不传,默认为自适应,可以设置为百分比,如20%,也可以设置为像素,如2020px
  • 是否隐藏:如果选择了隐藏,数据会照样传递到前端,但是该列不会展示。如果选择了隐藏但导出 Excel 时包含本列,那么可以在大屏中不会显示本列,但是导出图表数据时,会包含本列的数据。
  • 格式化方法:可以选择:秒转时分秒、字节转换、数字转万/亿、百分比等,也可选择自定义,根据其余列的情况选择不同的格式化方法,详见「表格格式化方法
  • 背景色: 如果需要对表格的某一列设置特殊背景色,可以通过此项实现
  • 表头背景色: 如果需要对表格的某一列的表头单独设置背景色,可以通过此项实现

图片

排行榜的高级设置

排行榜可以设置丰富的自定义样式,可以设置单元格对齐方式和间距,数据条的高度,数据变化时的动画时长,以及前三名的图标。

图片

排行榜可以自定义颜色,可以使用报表页面的主题配色,也可以自定义各部分颜色:

图片

图片

本页内容