小编Ade*_*mar的帖子

我必须在 React 中创建这个图。我正在使用rechartnpm 包来执行此操作。但我无法获得角半径和线性渐变。如果需要，我愿意使用任何其他库。

图像

我已经尝试过什么？我已经使用 rechartPie组件来实现这一点。这是代码

import React from 'react';
import { PieChart, Pie, Sector } from 'recharts';
import getDevice from '../../styles/devices';

const renderActiveShape = (props) => {

    const { cx, cy, startAngle, endAngle, payload, innerRadius, outerRadius, z, cornerRadius } = props;
    console.log(startAngle, endAngle)
  
    return (
        <g>
            <text x={cx} y={cy - 20} dy={8} fontSize={z ? '16px' : "24px"} textAnchor="middle" fill="#001233" fontWeight="bold">
                {/* {parseFloat(payload.value / 1000).toFixed(1)}K */}
                {payload.value < 1000 ? payload.value : `${parseFloat(payload.value / 1000).toFixed(1)}K`} …