排行榜


排行榜按升序或降序展示一系列数据和对应的进度条,在每条进度条前显示排名序号,并可设置轮播间隔来循环显示多页数据,适合用于大屏中展示指标排名。


../_images/ranking.gif


本文介绍排行榜的特殊配置。有关各图表通用的配置项,如 基本 标签页、过滤器 标签页的内容,参见 图表通用配置。


备注

排行榜是 进度条 分组下的一个预设,与 进度条 共用同一个组件和同一套配置面板,只是预置了对比字段和排名序号。因此排行榜的配置项与进度条完全相同,本文只说明与排名相关的部分,其余配置项参见 进度条。

排行榜的数据


排行榜的数据字段与进度条一致。有关数据源、数据项,参见 图表通用配置 > 配置数据。

指标


排行榜至少需要 1 个指标字段,可添加多个,数量无上限,每个指标字段对应一条进度条。参见 进度条 > 指标。

对比


对比为可选字段,最多可添加 1 个。排行榜按对比值把数据拆分成多条进度条参与排名,并在左侧显示对比值作为标签,因此通常需要添加对比字段。参见 进度条 > 对比。

扩展


扩展字段数量不限,不直接显示为进度条内容,用途与进度条一致:作为图标条件的判断依据,或替代对比字段值作为左侧标签的展示名称。参见 进度条 > 扩展。

排行榜的样式


样式配置项分为 对比样式、指标样式、文本与数值、进度条、图标 五个区块,与进度条完全一致,参见 进度条的样式。有关标题、组件的通用配置项,参见 图表通用配置 > 配置样式。


其中与排名直接相关的配置项如下:

  • 进度条 > 展示排序序号:在每条进度条前显示排名序号(1、2、3…),并可配置 排行标签颜色 和 排行标签字体。排行榜预设已启用该项。参见 进度条 > 展示排序序号。

  • 对比样式 > 轮播效果 和 轮播间隔:对比数量超过单页显示范围时,用于循环展示多页排名。参见 进度条 > 轮播效果。


备注

展示排序序号 本身不受 布局 影响,始终可勾选;但排名序号只在 布局 为 上下:进度条在名称下方 时才会实际渲染,选择 左右 布局时勾选此项不产生任何视觉变化。参见 进度条 > 布局。

运行时交互


排行榜与进度条共用同一个组件,运行时的交互行为完全一致:点击条形区域触发组件联动、悬浮指标数值打开趋势分析、点击对比标签和图标跳转等交互,排行榜均支持,配置方式与进度条完全相同,参见 进度条 > 运行时交互。其中与排名相关的两点需要注意:

  • 启用 展示排序序号 后,序号旁出现排序图标,终端用户点击可在降序和升序之间切换。

  • 轮播效果 为 翻页 且 轮播间隔 非 0 时,排序图标不再显示,终端用户无法在运行时切换排序方向;轮播效果 为 滚动 时不受影响,排序图标仍会显示。