Treemap 矩形树图
层级矩形面积图，slice-and-dice 单层布局。
基础用法
数据通过 props 传入，纯 SVG 渲染，无第三方图表库依赖。
配色取自 --viz-1..8 token，色盲友好。
<CfTreemap ... /><CfTreemap ... />label 显隐
showLabels=false 时只展示色块，适合微缩组合。仅当矩形足够大（w>50, h>20）时才显示文字。
5 个节点（label 显示）
label 隐藏
<CfTreemap :nodes="nodes" />
<CfTreemap :nodes="nodes" :show-labels="false" /><CfTreemap nodes={nodes} />
<CfTreemap nodes={nodes} showLabels={false} />API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
nodes | TreemapNode[] | — | { name, value, colorIndex? }[] |
width / height | number | 480 / 240 |
反馈与讨论
Treemap 矩形树图 的讨论