echarts 多个树

ECharts 支持多个树形图展示，可以通过多个实例或者一个实例中的多个 series 来实现。以下是一个简单的示例：

// 基于准备好的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',
                    children: [
                        {
                            name: '节点2-1'
                        },
                        {
                            name: '节点2-2'
                        }
                    ]
                }
            ]
        },
        {
            type: 'tree',
            data: [
                {
                    name: '节点3',
                    children: [
                        {
                            name: '节点3-1'
                        },
                        {
                            name: '节点3-2'
                        }
                    ]
                },
                {
                    name: '节点4',
                    children: [
                        {
                            name: '节点4-1'
                        },
                        {
                            name: '节点4-2'
                        }
                    ]
                }
            ]
        }
    ]
};

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

在上面的示例中，我们定义了两个 type 为 'tree' 的 series，每个 series 中的 data 都是一个树形结构的数据。当然，你也可以在一个实例中定义多个类型不同的 series，来展示不同类型的图表。