你会得到

  • 一个完整的 KPI 仪表盘 HTML 文件,支持 7、30 和 90 天视图
  • 把 CSV 或 JSON 导出转换为仪表盘数据的脚本
  • 基于 recharts 的 React 模块,并附一个 ECharts 版本的图表
  • 变化标签、上一周期折线、分项表格和目标进度条
  • 可选的 PopNow 报告页眉图,运行前报价

适合

  • 产品、店铺、支持或增长类 KPI
  • 每周和每月的 KPI 报告页面
  • 内部工具的概览屏幕

不适合

  • 有很多页面的完整管理后台
  • 实时流式数据
  • 在同一张图里比较许多数据系列

怎么用

在 Claude 或 ChatGPT 里

用 PopNow 的技能「KPI 仪表盘模板」(kpi-dashboard-template)帮我做这件事:用 exports/orders.csv 做 KPI 仪表盘:订单数、营收、访客数和首次回复时间,按渠道分项。

在编程 Agent 里

/popnow-kpi-dashboard-template 用 exports/orders.csv 做 KPI 仪表盘:订单数、营收、访客数和首次回复时间,按渠道分项。

接着试试

加上每月 15 万的营收目标,默认显示最近 7 天。

给我 React 版本,用于我们的 Next.js 管理后台。

需要准备

  • 一份 CSV 或 JSON 导出,或生成它的命令
  • 四个指标,以及哪些数值越低越好
  • 可选的目标,以及用于分项的列

类似技能

查看全部 →

常见问题

数字从哪里来?

来自你自己的导出。内置脚本读取 CSV 或 JSON,无论是每日汇总还是原始事件,都会为每个指标生成每天一行,外加可选的分项,然后写入页面。

变化百分比是怎么算出来的?

把最近 7、30 或 90 天与之前相同天数进行比较。总量比较的是求和,时间和比率比较的是平均值,而活跃用户这类水平值比较的是最新值。标记为“越低越好”的指标,下降会显示为好的变化。

需要图表库吗?

HTML 版本不需要任何库,离线即可运行。React 版本使用 recharts,同时为已经在用 ECharts 的项目附带了一个 ECharts 版本的图表。

PopNow 能绘制图表吗?

不能,也不应该:图像模型可能把数字弄错。PopNow 只用于可选的无文字页眉或分享卡片背景,真实的数字则以 HTML 叠加在上面。