排行榜

更新时间:

功能概述

  排行榜)是Quick BI可视化组件库中隶属于“柱/条图类”的一种图表。它专门用于展示指标在某个维度上的分布情况和排名顺序,特别适合简洁明了地呈现Top N(排名前N位)的数据。通过排行榜,用户可以快速识别出表现最好或最差的项目,进行对比分析。

核心优势

  • 排名直观:清晰地按指标数值大小进行降序(或升序,取决于配置)排列,并显示名次。

  • 多指标展示:支持显示一个主指标(用于排名)和最多三个辅助指标,提供更丰富的信息维度。

  • 视觉突出:可通过数据条、颜色、Top 3特殊样式等方式突出关键信息。

  • 计算与交互:支持Quick BI的计算能力(如同环比、累计)和交互功能(如钻取、联动、跳转)。

典型应用场景

展示销售额最高的Top 10城市、利润最低的产品列表、按完成率排名的团队等。

排行榜效果图

使用限制

为确保排行榜的正确配置和有效展示,请注意以下字段和数据量限制:

  • 类别/维度最多只能放入1个维度字段。该维度定义了排名的对象(例如:城市、产品、员工)。

  • 指标/度量(主指标)最多只能放入1个度量字段。该指标是进行排名的主要依据。

  • 辅助指标/度量(副指标)最多可以放入3个度量字段。这些指标会与主指标一同展示,但不参与排名计算,用于提供额外信息。

  • 数据行数限制:默认预览时显示20条数据,但图表最多可以显示500条排名数据。

操作步骤

在仪表板编辑模式下,您可以按照以下步骤添加和配置排行榜:

添加图表

  • 在仪表板编辑界面的左侧图表列表中,找到“柱/条图类”。

  • 选择“排行榜”并将其拖拽到画布上。

配置数据字段

  • 选中图表,在右侧的“数据”配置面板中:

    • 从“维度”列表中,将定义排名对象的字段(如“省份”)拖拽到“类别/维度”区域。

    • 从“度量”列表中,将作为排名依据的字段(如“订单数量”)拖拽到“主指标/度量”区域。

    • (可选)从“度量”列表中,将需要额外展示的字段(如“订单金额”、“折扣点”、“利润金额”)依次拖拽到“副指标/度量”区域(最多3个)。

  • 配置完字段后,点击面板下方的“更新”按钮。
    image.png

  • 数据筛选(可选):在“过滤器”区域添加字段进行筛选,使图表更聚焦。

image.png

  • 自动刷新(可选):设置图表按固定时间间隔自动更新数据(开通后可能会导致频繁查询数据库影响数据库使用,请谨慎开启!)。例如,选中该选项并设置时长为5,单位选择分。则每间隔5分钟,系统自动刷新该图表的数据。
    image.png

配置图表样式

  • 切换到右侧的“样式”配置面板。可使用顶部搜索框快速定位。

  • 基础样式:配置行间距、列宽、数据相同时处理及移动端默认展示。

    • 具体配置项如下

图表配置项

配置项说明

行间距

调整各行排名间的间距,上限为50px。111

列宽

调整图表中每列元素的宽度,支持选择按容器自适应自定义

  • 按容器自适应:列宽将根据图表容器的大小自动调整。

  • 自定义:可自定义设置每列元素的宽度。111

数据相同时并列处理

设置数据相同时的排名处理方式,支持选择排名密集排名。您还可以在此自定义排名数据的文本样式。111

  • 排名:即当数据相同时,作并列处理且占用名次

  • 密集排名:即当数据相同时,作并列处理且不占用名次

移动端默认显示

设置移动端图表默认展示的数据排名条数,默认为10条。

  • 数据条:设置排名数据条的展示样式

    • image

图表配置项

配置项说明

设置目标值

支持数据条的自定义设置,当您未设置目标值时,数据条将按照排名第一的数据显示百分百占比,其他维度的数据根据第一位进行占比展示。当您已设置目标值时,将按照指标值/目标值方式展示数据条占比,如下:

111

数据显示方式

支持选择全部显示、仅数据条仅数字三种方式。

111

数据显示位置

仅当数据显示方式选择为全部显示时,支持选择数据条左侧、数据条右侧两种方式。

说明

指标/度量数据位置进行改变。

111

数据条颜色

设置数据条正负值背景的颜色,支持开启数据条颜色渐变效果。

111

数据条圆角

支持调整数据条的直角修改为圆角。111

数据条高度

支持自定义修改数据条高度,峰值为100%,谷值为10%,默认值为67%。111

  • 列标题:设置是否显示列标题、自定义标题名称、Top 3特殊样式、文本样式。

    • 111

  • 序号:自定义序号列的标题名称、设置Top 3排名的特殊标签样式(如奖牌图标)。

    • 111

  • 条件格式:为度量字段(主指标或副指标)设置条件格式。

    • image

图表配置项

配置项说明

请选择系字段

选择需要配置条件格式的度量字段,度量项均可选择。

快捷样式

从系统提供的样式中,设置当前度量字段的标记图标或字体显示颜色。image

  • 对比:支持选择与0对比与均值对比111

  • 颜色翻转:以与0对比为例,小于0为红色,大于0为绿色,翻转后变成小于0为绿色,大于0为红色。111

  • 清空:当不再需要使用某一已设置的快捷样式时,点击清空即可移除该样式。111

自定义样式

除了系统提供的快捷样式外,您还可以按需为当前度量字段配置自定义样式。

  • 文本image文本页签下,设定让当前度量字段文本显示为高亮色的条件规则,支持基于其他字段的值配置当前字段的条件规则。

  • 图标image图标页签下,设定当前度量字段的图标标记规则,支持基于其他字段的值配置当前字段的标记规则。

同步样式到

同步当前的条件格式到其他度量指标中。

说明

同步样式仅单次生效,调整样式后需再次同步。

  • 辅助展示:设置滚动条的显示方式和粗细。

    • 111

  • 提示标签:鼠标悬浮在数据条上时显示的标签,包含维度值和度量值。当图表被联动高亮时,还可显示联动前的原始值(如图2)。

    • image

    • image

  • 标题区:配置图表的标题、备注、尾注、背景、边框等通用卡片样式。

配置分析功能

  • 切换到右侧的“分析”配置面板。

    • 数据交互:配置钻取、图表联动、页面跳转。

    • 分析预警:添加辅助线(固定值或计算值如平均值)。

    • 标注:对特定排名项添加颜色高亮、图标、注释等。

模块

名称

说明

数据交互

钻取

当您已在字段面板设置完成钻取字段时,可以在此处设置钻取层级行展示样式。具体设置请参见钻取

联动

当需要分析的数据存在于不同的图表,您可以通过图表联动,把多个图表关联起来,形成联动进行数据分析。具体设置请参见联动

跳转

当需要分析的数据存在于多个仪表板时,您可以通过仪表板跳转,把多个仪表板关联起来,进行数据分析。跳转包含参数跳转外部链接两种方式,具体设置方法请参见跳转

分析预警

辅助线

通过辅助线可以查看当前度量值与辅助线设定值之间的差异。辅助线设定值分为固定值和计算值两种。计算值包含平均值、最大值、最小值和中位数四类。具体设置请参见分析预警

标注

当图表中的数据存在异常或需要重点关注时,支持使用颜色高亮、图标、注释或数据点的方式进行标注,帮助您识别异常并采取相应的行动。具体设置请参见标注

常见问题 (FAQ)

问:排行榜主要用来做什么?答:排行榜主要用于展示数据在某个维度下的排名情况,快速识别出领先者和落后者,非常适合做Top N分析和对比。

问:排行榜最多能显示多少个指标?答:排行榜可以显示1个主指标(用于排名)和最多3个辅助指标(用于补充信息),总共最多4个指标。

问:如果两个城市的销售额一样,它们的排名会怎样显示?答:这取决于您的设置。在“样式”->“基础样式”->“数据相同时并列处理”中,您可以选择:
* 排名:并列显示相同名次,且占用后续名次(例如:1, 2, 2, 4)。
* 密集排名:并列显示相同名次,但不占用后续名次(例如:1, 2, 2, 3)。

问:如何让排行榜的数据条显示相对于一个固定目标(比如KPI)的完成度,而不是相对于第一名的比例?答:在“样式”->“数据条”中,找到“设置目标值”选项,输入您的固定目标值即可。数据条的长度就会按照“当前值 / 目标值”的比例来显示。

问:我想突出显示排名前三的项目,可以怎么做?答:您可以在“样式”->“序号”设置中,为Top 3配置特殊的标签样式(例如使用奖牌图标)。也可以在“样式”->“条件格式”中,为排名前三的数据设置特殊的背景色或文本样式(可能需要基于排名数据创建计算字段或使用排名函数)。

问:排行榜能显示的数据条数有限制吗?答:有。排行榜最多能显示500条数据。虽然默认预览是20条,但您可以通过滚动条查看更多。请注意,显示过多数据可能会影响加载性能和可读性。