初始化

G6.TreeGraph

参数

名称类型默认值描述
layoutobjectnull3.0.4 版本开始支持树布局算法配置。3.0.4 版本之前是 function 形式。建议开发者使用配置形式，操作粒度更细。
animatebooleantrue默认打开重布局动画开关。

用法

  1. const treeGraph = new G6.TreeGraph({
  2.   container: 'mountNode',
  3.   width: 800,
  4.   height: 600,
  5.   modes: {
  6.     default: [
  7.       {
  8.         type: 'collapse-expand',
  9.         onChange(item, collapsed) {
  10.           const icon = item.get('group').findByClassName('collapse-icon');
  11.           if (collapsed) {
  12.             icon.attr('symbol', EXPAND_ICON);
  13.           } else {
  14.             icon.attr('symbol', COLLAPSE_ICON);
  15.           }
  16.         },
  17.       },
  18.       'drag-canvas',
  19.       'zoom-canvas',
  20.     ],
  21.   },
  22.   layout: {
  23.     type: 'dendrogram',
  24.     direction: 'LR', // H / V / LR / RL / TB / BT
  25.     nodeSep: 50,
  26.     rankSep: 100,
  27.     radial: true,
  28.   },
  29. });