如何解决ReCharts:饼图居中标签“打字稿”
我正在尝试对 http://recharts.org/en-US/examples/PieChartWithCustomizedLabel 上给出的函数进行打字,但没有成功。到目前为止,这是我所拥有的:
const renderCustomizedLabel: ReactElement<SVGElement> = (props: any) => {
const {
cx,cy,midAngle,innerRadius,outerRadius,percent,index
} = props
const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
const x = cx + radius * Math.cos(-midAngle * RADIAN);
const y = cy + radius * Math.sin(-midAngle * RADIAN);
return (
<text x={x} y={y} fill="white" textAnchor={x > cx ? 'start' : 'end'} dominantBaseline="central">
{`${(percent * 100).toFixed(0)}%`}
</text>
);
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。