echarts树图配置

要配置 echarts 树图，首先需要创建一个 div 容器来存放图表，然后引入 echarts 库和树图插件。接着可以通过配置项来设置树图的样式、数据、标签等细节。以下是一个简单的树图配置示例：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    series: [{
        type: 'tree',
        data: [
            {
                name: '节点1',
                children: [
                    {
                        name: '节点1.1'
                    },
                    {
                        name: '节点1.2'
                    }
                ]
            },
            {
                name: '节点2'
            }
        ],
        top: '5%',  // 树图顶部位置
        left: '10%',  // 树图左侧位置
        bottom: '2%',  // 树图底部位置
        right: '20%',  // 树图右侧位置
        symbolSize: 7,  // 节点大小
        label: {
            position: 'left',  // 标签位置
            verticalAlign: 'middle',  // 垂直方向对齐方式
            align: 'right'  // 水平方向对齐方式
        },
        leaves: {
            label: {
                position: 'right',
                verticalAlign: 'middle',
                align: 'left'
            }
        },
        expandAndCollapse: true,  // 是否可展开折叠
        animationDuration: 550,  // 动画时长
        animationDurationUpdate: 750,
        initialTreeDepth: 2  // 初始深度
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);