@alicloud/console-tree-graph v0.4.5

name: console-tree-graph zhName: 基本树图

sort: 14

树图API

引入方式

import ConsoleTreeGraph from '@alicloud/console-tree-graph@next';

注意，目前为了减少打包之后的体积大小，暂不将Graph相关的加入console-chart包内，所以只能通过单包引入的方式使用。

示例 Demo

基本使用

MDXInstruction:importDemo:Basic

配置 Config

数据列配置

注意：与普通图表不同的是，树图的数据结构为一个JSON对象，通过children属性来关联子级节点。

最简单的一个数据例子：

{
  id: '01',
  children: [
    {
      id: '011',
      children: []
    },
    {
      id: '012',
      children: [
        {
          id: '0121',
        }
      ]
    }
  ]
}

专属配置

fitView: Boolean

是否自适应画布