Echarts图例多层嵌套

Echarts是一个使用JavaScript实现的开源可视化库，它可以在网页中展示丰富的图表类型。在Echarts中，图例（legend）是用于展示不同系列的标记符号、颜色和名称，以及帮助用户进行图例切换的功能组件。有时为了满足复杂的展示需求，图例可以实现多层嵌套效果。

要实现Echarts图例的多层嵌套，可以通过配置图例中的`data`数组来达到目的。在这个数组中，每一项可以设置为一个对象，对象中可以包含`name`、`icon`和`text`等属性。对于多层嵌套的图例，可以通过在`data`中嵌套数组来表示不同的层级关系。

下面是一个简单的示例代码来说明如何设置多层嵌套的图例：

option = {
    legend: {
        data: [
            {
                name: '第一层图例1',
                icon: 'circle',
                text: '类别A',
                // 这里嵌套下一层级的图例数组
                items: [
                    {
                        name: '第二层图例1_1',
                        icon: 'rect',
                        text: '子类别A1'
                    },
                    {
                        name: '第二层图例1_2',
                        icon: 'triangle',
                        text: '子类别A2'
                    }
                ]
            },
            {
                name: '第一层图例2',
                icon: 'circle',
                text: '类别B',
                // 同样可以嵌套下一层级的图例数组
                items: [
                    {
                        name: '第二层图例2_1',
                        icon: 'rect',
                        text: '子类别B1'
                    }
                ]
            }
        ]
    },
    // ... 其他配置项 ...
};

在上述代码中，`legend`中的`data`数组包含了两层图例的配置。每个图例项可以配置`name`、`icon`和`text`等属性，如果要表示下一层级的图例，则在其下嵌套一个`items`数组，其中可以包含更多的图例项。