DRILL-DOWN · 逐层下钻

从汇总到明细,一层层看透你的数据

面包屑保留探索路径,层级随点击平滑展开,最深处的明细卡片即时揭示——上下文永不丢失,回退只需一步。

本季销售额¥12.8M同比 +18.4%
订单量42,180环比 +6.1%
退货率2.3%环比 +0.4%
华东大区 ¥5.2M+21%
上海 ¥2.9M+15%
浦东新区 ¥1.4M+9%
转化率4.7% 客单价¥326 复购率31% Top 渠道小程序
杭州 ¥2.1M-3%
华南大区 ¥3.7M+12%
华北大区 ¥3.9M-5%
类别 BI / 数据分析 年代 2020s Modern 复杂度 中等 最适合 销售分析 · 产品分析 · 漏斗分析 · 多维探索

核心特性

面包屑导航

粘性上下文条 48px 常驻顶部,「全国 / 大区 / 城市 / 区县」路径清晰可点,随时跳回任意层级。

可展开层级

每层缩进 24px 并以专属色带标识深度,300ms 平滑展开动画让「汇总到明细」的过渡自然流畅。

详情揭示

下钻到最深层自动揭示指标明细卡:转化率、客单价、复购率一次呈现,支持深链接直达。

按钮与控件

层级 L1 · 大区 层级 L2 · 城市 层级 L3 · 区县

自定义下钻查询

用「/」分隔各层维度,最多支持 5 层下钻。

配色板

#1D4ED8主色 / 层级 L1

#0E7490层级 L2

#7C3AED层级 L3

#15803D正向增长

#B91C1C负向变化

#F4F6FA页面背景

字体级阶

显示级 · Inter 800 · clamp(2.2rem, 5vw, 3.5rem)

下钻 5 层,纤毫毕现

标题 · Inter 700 · 28px

华东大区 · 季度明细

正文 · Inter 400 · 16px / 1.6

下钻分析界面强调层次与秩序:层级色带指示深度,等宽数字保证列对齐,面包屑让每一次探索都有迹可循、可随时回溯。

标签 · JetBrains Mono 700 · 12px

LEVEL-3 · DETAIL · CONTEXT