G6 - 加载树数据

   <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>加载树数据</title>
<script src="https://a.alipayobjects.com/jquery/jquery/1.11.1/jquery.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/assets/g6/1.2.8/g6.min.js"></script>
      </head>
      <body>
          <div id="c1"></div>
 <script type="text/javascript">
var tree = new G6.Tree({
  id: 'c1',
  height: 450,
  fitView: 'autoSize',
  behaviourFilter: ['wheelZoom', 'dragBlank', 'dragCanvas']
});
tree.source({
  label: 'G6',
  children: [{
    label: '图类',
    children: [
      {
        label: 'Graph'
      },
      {
        label: 'Net'
      },
      {
        label: 'Tree'
      },
      {
        label: '……'
      }
    ]
  },
  {
    label: '基础类',
    isCollapsed: true,
    children: [
      {
        label: 'Canvas'
      },
      {
        label: 'Handler'
      },
      {
        label: 'Layout'
      },
      {
        label: 'Global'
      }
    ]
  },
  {
    label: '工具类',
    children: [
      {
        label: 'Matrix',
        color: 'red'
      },
      {
        label: 'Color'
      },
      {
        label: 'Util',
        size: 30
      }
    ]
  }]
});
tree.edge().shape('smooth');
tree.render();
</script>

      </body>
    </html>
          
加载树数据