echarts循环渲染饼图，布局

要实现echarts饼图的循环渲染和布局，你可以按照以下步骤进行操作：

1. 准备数据：首先，你需要准备一个包含饼图数据的数组。每个数据对象应包含饼图的名称和对应的数值。

2. 创建容器：在HTML页面中创建一个容器元素，用于承载echarts图表。

3. 初始化echarts实例：使用echarts提供的`echarts.init`方法初始化一个echarts实例，并将其绑定到容器元素上。

4. 配置饼图选项：配置饼图的样式和布局选项。你可以设置饼图的半径、旋转角度、起始角度等。

5. 循环渲染饼图：使用循环遍历数据数组，并为每个数据对象创建一个饼图系列。可以使用`series`配置项中的`data`属性设置每个饼图系列的名称和数值。

示例代码：

   var chart = echarts.init(document.getElementById('chartContainer'));
   
   var data = [
     { name: '类别1', value: 30 },
     { name: '类别2', value: 50 },
     { name: '类别3', value: 20 }
   ];
   
   var option = {
     series: []
   };
   
   // 循环渲染饼图系列
   for (var i = 0; i < data.length; i++) {
     var seriesItem = {
       name: data[i].name,
       type: 'pie',
       radius: ['50%', '70%'],
       data: [
         { value: data[i].value, name: data[i].name },
         { value: 100 - data[i].value, name: '' }
       ]
     };
     option.series.push(seriesItem);
   }
   
   chart.setOption(option);

6. 渲染图表：使用`setOption`方法将配置项应用到echarts实例中，并渲染出饼图。

通过以上步骤，你可以实现循环渲染和布局的echarts饼图。根据你的具体需求，你还可以根据需要调整其他样式和配置选项。