首页 > 解决方案 > Recharts 垂直渲染饼图

问题描述

我正在为饼图使用recharts库。

我想始终为两个值加载饼图。图表从角度 0 开始水平加载,如您在此处看到的那样。但我希望它从角度 90 开始,如下所示。

在此处输入图像描述

PS:尝试更改 startAngle 和 endAngle 值。

标签: javascriptreactjsrecharts

解决方案


startAngle好吧,我想它仍然与道具有关endAngle

它从90度开始计数。(这可能有点违反直觉)

如果你尝试下面的另一个值,它会变成一个垂直的开始馅饼

startAngle={-270}

注意根据文档,默认值:

  • 开始角度:0
  • 结束角度:360

diff 等于 360 将显示一个完整的圆形饼图。您可以尝试其他配对,例如

[-270, 90], [90, -270], [45, 405]

在此处输入图像描述


推荐阅读