使用for循环中的位置绘制多个饼图

// 假设有一个数据集合，包含多个数据项
var data = [
  { name: 'A', value: 30 },
  { name: 'B', value: 50 },
  { name: 'C', value: 20 }
];

// 获取用于绘制饼图的容器元素
var container = document.getElementById('chart-container');

// 遍历数据集合，根据每个数据项的位置信息绘制饼图
for (var i = 0; i < data.length; i++) {
  // 创建一个新的饼图容器元素
  var chartElement = document.createElement('div');
  chartElement.className = 'chart';

  // 设置饼图容器的位置
  chartElement.style.left = (i * 200) + 'px';
  chartElement.style.top = '0px';

  // 使用图表库或框架绘制饼图
  // 这里以ECharts为例，使用其提供的API来绘制饼图
  var chart = echarts.init(chartElement);
  var option = {
    series: [{
      type: 'pie',
      data: [
        { name: 'A', value: 30 },
        { name: 'B', value: 50 },
        { name: 'C', value: 20 }
      ]
    }]
  };
  chart.setOption(option);

  // 将饼图容器添加到整体容器中
  container.appendChild(chartElement);
}