使用Recharts实现循环进度条

admin

我正在为PieCharts使用recharts库。

与paddingAngle={0}能够删除填充角度，但要删除单元格分隔符(白色)。

代码：

?

const data = [
            { id: "1", name: "L1", value: 75 },
            { id: "2", name: "L2", value: 25 }
            ];

<PieChart width={50} height={50}>
  <text
    x={25}
    y={25}
    textAnchor="middle"
    dominantBaseline="middle"
  >
    25
  </text>
  <Pie
    data={data}
    dataKey="value"
    innerRadius="80%"
    outerRadius="100%"
    fill="#82ca9d"
    startAngle={90}
    endAngle={-270}
    paddingAngle={0}
    cornerRadius={5}
  >
    <Cell
      key="test"
      fill="#CCC"
    />
  </Pie>
</PieChart>

?

Current看起来像：

?

?

我想像这样实现：

?

?

如何做到这一点？

谢谢

转载请注明出处:http://www.cjhyc.com/article/20230527/1249742.html