树相关
hierarchy.treemap 树形图
alias: treemap
根据树形数据生成树形图 Treemap 布局。
具体用法见示例:
dv.transform({
type: 'hierarchy.treemap',
field: 'value',
tile: 'treemapSquarify', // 布局类型
size: [1, 1], // width, height
round: false,
// ratio: 1.618033988749895, // golden ratio
padding: 0, // 各种 padding 配置
paddingInner: 0,
paddingOuter: 0,
paddingTop: 0,
paddingRight: 0,
paddingBottom: 0,
paddingLeft: 0,
as: ['x', 'y'], // 矩形的顶点集
// x: [ x0, x1, x2, x3 ], y: [ y0, y1, y2, y3 ]
});
支持的布局类型:
- treemapBinary
- treemapDice
- treemapSlice
- treemapSliceDice
- treemapSquarify
- treemapResquarify
hierarchy.partition 相邻层次图
alias: adjacency
根据树形数据生成相邻层次图 Adjacency Diagram 布局,可以通过坐标变换变形为 Sunburst 图。
具体用法见示例:
dv.transform({
type: 'hierarchy.partition',
field: 'value',
size: [1, 1], // width, height
round: false,
// ratio: 1.618033988749895, // golden ratio
padding: 0, // 各种 padding 配置
as: ['x', 'y'], // 矩形的顶点集
// x: [ x0, x1, x2, x3 ], y: [ y0, y1, y2, y3 ]
});