Agent Skills
返回列表
交互式桑基流向图

交互式桑基流向图

数据分析 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据官方安装指南 https://skillhub.cn/install/skillhub.md，在 AI 助手中安装 @user_af163eaa/z-bi-sankey。

技能介绍

为什么需要这个技能

桑基图适合表达资金流向、用户流转、渠道归因这类「源→目标→流量」关系，但手写 ECharts 桑基配置并不轻松：数据必须是三列结构、节点名不能重复、流量不能为负，而且桑基图不支持 A→B→A 这类环路，踩坑都要自己趟一遍。这个技能把流程固化下来：你给数据，它生成一个自包含 HTML。

核心能力与工作流程

  • 数据约定：只需三列——源节点、目标节点、流量值，例如 曝光→点击→下单→复购 的完整链路。
  • 自动校验：检查节点名是否重复、流量是否非负；若检测到环路会明确提示，因为桑基不支持环。
  • 生成单文件 HTML：基于 ECharts 5（CDN 引入）输出一个 .html，带 tooltip 悬停显示该边流量、拖拽缩放，配色区分主干与次要链路。
  • 直接交付：返回保存路径，浏览器打开即可交互，无需构建工具。

注意事项与适用边界

  • 支持多级节点链路，hover 边可显示流量，可导出图片。
  • 红线：不编造流量、不构造环路数据、不连数据库，只用用户提供的数据。
  • 仅做「节点-流量」关系的可视化，不做路径预测，也不接实时日志。

使用场景

  • 活动复盘时，需输入 `曝光→点击→下单` 等节点与流量数据，生成桑基图分析各转化路径的流失情况。
  • 分析资金流向时，根据业务线汇总资金流转，可视化主干资金的去向，排查异常的链路节点。
  • 梳理物流配送网络时，输入各转运节点的流量数据，用流向图排查拥堵节点并优化配送链路。

适合人员

  • **数据分析师**，需要快速将 SQL 查询出的转化漏斗数据转化为可交互的 HTML 报告。
  • **产品运营**，希望通过可视化流向图直观分析用户流转路径，排查具体点击链路的流失节点。
  • **财务或业务分析人员**，需要展示业务线间的资金流转关系，快速定位异常的资金流向节点。
  • **物流规划人员**，需要梳理转运节点间的流量分布，通过流向图优化整体配送网络结构。