antv l7 canvaslayet绘制多个扇形图

AntV L7是一个基于Canvas的可视化库，它提供了一个名为`CanvasLayer`的强大组件，可以用于创建丰富的图形。如果你想在L7中绘制多个扇形图，你可以这样做：

1. **创建实例**：
首先，你需要导入必要的模块并创建一个`CanvasLayer`实例：

   import { CanvasLayer } from '@antv/l7';

2. **配置数据**：
准备扇形图的数据，包括每个扇形的中心位置、半径、开始角度和结束角度。例如：

   const data = [
     {
       cx: 50, // 扇形中心x坐标
       cy: 50, // 扇形中心y坐标
       r: 30,  // 半径
       startAngle: 0,
       endAngle: Math.PI / 2, // 弧度，180度
       label: '扇形1',
     },
     // 添加更多扇形...
   ];

3. **添加形状**：
使用`shape`属性配置扇形图，然后通过`add`方法将它们添加到层上：

   const layer = new CanvasLayer({
     container: 'container', // 渲染容器的选择器
   });
   
   data.forEach((item) => {
     layer.add('arc', {
       attrs: {
         x: item.cx,
         y: item.cy,
         r: item.r,
         startAngle: item.startAngle,
         endAngle: item.endAngle,
         fill: '#66c2ff', // 样式选项
       },
       name: item.label, // 可选，给扇形命名以便后续操作
     });
   });

   layer.render(); // 渲染到页面上