SankeyDiagram 流向图
节点 + 加权边的流向图，节点高度 = 流量。
基础用法
数据通过 props 传入，纯 SVG 渲染，无第三方图表库依赖。
配色取自 --viz-1..8 token，色盲友好。
<CfSankeyDiagram ... /><CfSankeyDiagram ... />购物路径 3 层
搜索引擎 / 直接访问 → 产品列表 / 详情 → 加购 / 支付 三层流向。
<CfSankeyDiagram :nodes="n" :links="l" /><CfSankeyDiagram nodes={n} links={l} />API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
nodes | SankeyNode[] | — | { id, name, layer?, colorIndex? }[] |
links | SankeyLink[] | — | { source, target, value }[] |
nodeWidth | number | 12 | 节点条宽 |
反馈与讨论
SankeyDiagram 流向图 的讨论