Back to skills
extension
Category: Data & AnalyticsNo API key required

组合仪表盘(可交互视图)

当用户要做 经营看板、数据仪表盘、组合图表、一屏多图、KPI 大盘、管理驾驶舱可视化时启用。把多个指标(KPI 卡片 + 折线 + 柱状 + 饼图 + 地图)组合进一张自包含 ECharts HTML 仪表盘,支持 tab/联动/tooltip。纯前端、跨平台、不连数据库。

personAuthor: user_af163eaahubcommunity

组合仪表盘(可交互视图)

触发场景(何时用我)

  • 经营看板 / 管理驾驶舱 / 数据仪表盘
  • 一屏多图、组合图表、KPI 大盘
  • 周报月报的经营指标可视化
  • 组合可视化、仪表盘 HTML

工作流程(照做)

  • 确认指标:让用户列出要看的指标与图表类型(如 销售额折线 + 渠道占比饼 + 区域柱状 + 完成率仪表)。
  • 整理数据:用户给每图的数据(粘贴/CSV/JSON),统一成 ECharts series 结构。
  • 生成单文件 HTML:用 ECharts 5(CDN)写自包含 .html,顶部 KPI 卡片 + 下方多图网格,带 tooltip/legend/缩放,可加 tab 切换。
  • 保存交付:输出路径,浏览器打开即交互;可据用户品牌色微调主题。
  • 不超载:单屏图太多会卡,建议 ≤6 个,超出建议分页或拆 skill。

注意事项

  • 网格布局自适应屏幕
  • 支持明暗主题切换
  • 指标卡可用 ECharts gauge / 数字卡

红线(禁止)

  • 禁止一屏塞过多图导致卡顿(建议 ≤6)
  • 禁止编造指标或数值
  • 禁止连数据库

适用边界

仅组合用户已提供的指标为看板;不做自动取数、不做预警算法。图表类型限于 ECharts 支持范围。

跨平台安装与运行

本 Skill 为纯规则 / 前端模板型,不绑定任何平台独占工具,可在以下客户端直接安装使用:

  • WorkBuddy:复制 V1.0.0/ 全部文件到 ~/.workbuddy/skills/组合仪表盘(可交互视图)/
  • Claude:复制到 ~/.claude/skills/组合仪表盘(可交互视图)/
  • Cursor:复制到 ~/.cursor/skills/组合仪表盘(可交互视图)/
  • Codex / Windsurf / Gemini / Copilot / OpenClaw:复制到对应 skills/ 目录

安装后通过自然语言触发(见上方触发场景)。BI 类生成单文件 HTML(ECharts CDN),双击在浏览器打开即可交互;地图类生成自包含 HTML 地图(需联网 + 高德 Key)。

红蓝对抗结论(已固化)

见同目录 RACE_REPORT.md(红军主干 + 蓝军 6 类挑刺 + 优化落点 + 四维评分 + 新用户测试结论)。