echarts嵌套环形图legend显示数据

ECharts是一个强大的JavaScript图表库，可以创建各种复杂的图表，包括嵌套环形图（例如 doughnut chart with concentric rings）。在ECharts中，如果你想在嵌套环形图的Legend（图例）中显示数据，通常会通过设置`data`属性来实现。

当你有多个环层时，可以在Legend的数据配置中为每个环层定义一个数组，这个数组里包含一个名称和对应系列的数据。例如：

var option = {
    legend: {
        data: ['外部环层1', '内部环层1', '内部环层2'],
        orient: 'vertical', // 设置为垂直方向，也可以设置为horizontal
        left: 'left', // 或者right
        top: 'top',
        itemWidth: 80,
        itemHeight: 40,
        show: true,
        formatter: function (name) { // 自定义图例内容格式
            return '<span style="display:inline-block;margin-right:5px;' +
                'background-color:#' + name.color + '"></span>' + name.name;
        }
    },
    series: [
        {
            name: '外部环层1',
            type: 'ring',
            innerRadius: '60%',
            outerRadius: '80%',
            data: [43, 50]
        },
        {
            name: '内部环层1',
            type: 'ring',
            innerRadius: '70%',
            outerRadius: '80%',
            data: [22, 30]
        },
        {
            name: '内部环层2',
            type: 'ring',
            innerRadius: '80%',
            outerRadius: '90%',
            data: [10, 15]
        }
    ]
};

在这个例子中，`formatter`函数用于自定义图例中的颜色和文本，当鼠标悬停在图例上时，会显示相应环层的百分比数据。