echart 树状图深度问题

今天项目中遇到使用树状图 发现深度只能到3层 看了echart的demo 发现并没有提供

www.echartsjs.com/examples/zh… demo地址

后来在文档中发现initialTreeDepth 这个字段 可以自定义折叠展开

initialTreeDepth: [-1]

series:[
    {
        type: 'tree',
        name: '树状图展示',
        initialTreeDepth: [-1],
        data: [data2],
        symbolSize: 7,

        label: {
            normal: {
                position: 'left',
                verticalAlign: 'middle',
                align: 'right'
            }
        },

        leaves: {
            label: {
                normal: {
                    position: 'right',
                    verticalAlign: 'middle',
                    align: 'left'
                }
            }
        },

        expandAndCollapse: true,

        animationDuration: 550,
        animationDurationUpdate: 750
    }
]

如图所示 这样最后就搞定啦~可以显示4级 5级

简单记录下工作中遇到的坑