树相关

hierarchy.treemap 树形图

alias: treemap

根据树形数据生成树形图 Treemap 布局。

具体用法见示例：

  1. dv.transform({
  2.   type: 'hierarchy.treemap',
  3.   field: 'value',
  4.   tile: 'treemapSquarify', // 布局类型
  5.   size: [1, 1], // width, height
  6.   round: false,
  7.   // ratio: 1.618033988749895, // golden ratio
  8.   padding: 0, // 各种 padding 配置
  9.   paddingInner: 0,
  10.   paddingOuter: 0,
  11.   paddingTop: 0,
  12.   paddingRight: 0,
  13.   paddingBottom: 0,
  14.   paddingLeft: 0,
  15.   as: ['x', 'y'], // 矩形的顶点集
  16.   // x: [ x0, x1, x2, x3 ], y: [ y0, y1, y2, y3 ]
  17. });

支持的布局类型：

  • treemapBinary
  • treemapDice
  • treemapSlice
  • treemapSliceDice
  • treemapSquarify
  • treemapResquarify

hierarchy.partition 相邻层次图

alias: adjacency

根据树形数据生成相邻层次图 Adjacency Diagram 布局，可以通过坐标变换变形为 Sunburst 图。

具体用法见示例：

  1. dv.transform({
  2.   type: 'hierarchy.partition',
  3.   field: 'value',
  4.   size: [1, 1], // width, height
  5.   round: false,
  6.   // ratio: 1.618033988749895, // golden ratio
  7.   padding: 0, // 各种 padding 配置
  8.   as: ['x', 'y'], // 矩形的顶点集
  9.   // x: [ x0, x1, x2, x3 ], y: [ y0, y1, y2, y3 ]
  10. });