开发预览 更新于 2026-05-10

StreamGraph 河流图

居中堆叠面积图 —— 时序构成演变的有机表达,比传统堆叠面积更平衡、更易看清各 series 的相对消长。

基础用法

series 是多条时间序列,共用 categories 横轴。默认 baseline="wiggle" 把堆叠居中(经典 streamgraph 形态),改成 "zero" 就退化为标准堆叠面积图。

背景 视口

API

Prop类型默认说明
categoriesstring[]共用的 X 轴
series{ label, data: number[], color? }[]多条 series
heightnumber240像素高度
baseline'wiggle' | 'zero''wiggle'居中堆叠 vs 普通堆叠
smoothbooleantrue贝塞尔平滑边缘
palettestring[]viz-1..8默认配色
format(v) => stringtooltip 值格式化
ariaLabelstringSR 描述
size'sm' | 'md' | 'lg''md'字号档位

事件 payload:{ index, category, values: Record<seriesLabel, number> }

反馈与讨论

StreamGraph 河流图 的讨论

0
0 / 600
正在加载评论...