echarts 树状图太密集

当echarts树状图节点太多导致节点重叠时，可以通过以下方法进行调整：

1. 调整节点间的间距：可以通过设置节点之间的间距来减少节点的重叠。可以使用`layout`属性中的`nodeGap`参数来调整节点间的间距。增大`nodeGap`的值可以增加节点之间的间距，减少节点的重叠。

2. 使用缩放功能：可以使用echarts提供的缩放功能来调整树状图的显示。可以通过鼠标滚轮或者缩放按钮来放大或缩小树状图，从而减少节点的重叠。

3. 使用分层布局：可以使用分层布局来调整树状图的显示。分层布局可以将节点按照层级进行分组，从而减少节点的重叠。可以使用`layout`属性中的`type`参数来设置布局类型为分层布局。

4. 使用节点大小和颜色来区分节点：可以通过设置节点的大小和颜色来区分节点，从而减少节点的重叠。可以使用`series`中的`symbolSize`参数来设置节点的大小，使用`series`中的`itemStyle`参数来设置节点的颜色。

5. 使用节点的展开和折叠功能：可以使用echarts提供的节点展开和折叠功能来减少节点的重叠。可以通过点击节点来展开或折叠节点，从而减少节点的数量和重叠。

下面是一个示例代码，演示了如何通过调整节点间的间距和使用缩放功能来减少echarts树状图的节点重叠：

option = {
    series: [
        {
            type: 'tree',
            data: [
                {
                    name: '节点1',
                    children: [
                        { name: '节点2' },
                        { name: '节点3' },
                        { name: '节点4' },
                        { name: '节点5' },
                        { name: '节点6' },
                        { name: '节点7' },
                        { name: '节点8' },
                        { name: '节点9' },
                        { name: '节点10' },
                        { name: '节点11' },
                        { name: '节点12' },
                        { name: '节点13' },
                        { name: '节点14' },
                        { name: '节点15' },
                        { name: '节点16' },
                        { name: '节点17' },
                        { name: '节点18' },
                        { name: '节点19' },
                        { name: '节点20' },
                    ]
                }
            ],            layout: 'radial',
            symbol: 'emptyCircle',
            symbolSize: 7,
            initialTreeDepth: 1,
            expandAndCollapse: true,
            animationDurationUpdate: 750
        }
    ]
};

// 设置节点间的间距
option.series[0].layout = 'radial';
option.series[0].nodeGap = 20;

// 使用缩放功能
option.toolbox = {
    feature: {
        dataZoom: {
            show: true,
            title: {
                zoom: '缩放',
                back: '还原'
            }
        }
    }
};

// 渲染echarts图表
var myChart = echarts.init(document.getElementById('chart'));
myChart.setOption(option);