下钻分析面板

ReactData Visualization数据分析仪表盘用户体验更新于 2026-08-13

使用场景: 构建 BI 仪表盘、数据探索工具或分析平台,用户需要从概要视图无缝导航到详细视图。

安装
npx skills add drill-down-analytics
克隆
git clone https://github.com/skillhub-community/drill-down-analytics.git

描述

交互式下钻分析框架,用于层次化数据探索。核心模式:摘要视图(如按地区显示总收入),可点击元素内联展开显示下一级详情(地区 → 国家 → 城市 → 门店),面包屑导航和返回操作保留探索上下文。每层数据按需加载(懒加载),配有骨架屏加载状态。

功能:可配置的层次树定义(任意深度,任意字段映射),同步视图——在一个图表中下钻会联动筛选所有其他仪表盘组件,下钻路径侧边栏显示探索历史并支持一键跳转回退,导出当前视图为筛选后的数据集,以及「展开所有到第 N 层」的批量操作。支持下钻到条形图、饼图、矩形树图和地理地图。高级用户键盘快捷键(→ 钻入,← 钻出,↑↓ 导航同级)。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@dataviz_team
许可证MIT
版本1.0.0
依赖1

依赖

Data Visualization Charts