echarts多层同心圆

ECharts是一个流行的JavaScript数据可视化库，它可以创建各种图表，包括地图、折线图、饼图等。如果你想在ECharts中绘制多层同心圆，可以利用其环形图（Ring Chart）或 doughnut 图的功能，这两个都支持多层结构。

在ECharts中，你可以这样做：

1. 首先，引入ECharts库，并初始化一个绘图实例。

<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.0/dist/echarts.min.js"></script>

2. 然后，设置环形图的数据和配置选项。例如，创建两层同心圆：

var option = {
    series: [
        {
            type: 'ring', // 使用环形图类型
            concentric: true, // 设置为同心模式
            data: [
                { value: 80, color: 'color1'}, // 第一层圆的值和颜色
                { value: 60, innerRadius: '70%', color: 'color2'} // 第二层圆的值和内半径
            ],
            label: {
                normal: {
                    position: 'inner'
                }
            }
        }
    ]
};

3. 最后，渲染图表到指定容器：

var chart = echarts.init(document.getElementById('main')); // 主容器id
chart.setOption(option);