javascript - Recharts 垂直渲染饼图

标签 javascript reactjs recharts

我正在使用 recharts饼图库。

我想始终为两个值加载饼图。图表正在水平加载,如您所见 here从 Angular 0 开始。
但我希望它从 Angular 90 开始,如下所示。

enter image description here

PS:尝试更改 startAngle 和 endAngle 值。

最佳答案

好吧,我猜它仍然与 Prop 有关startAngleendAngle
它从度数 开始计数90 . (这可能有点违反直觉)

如果您尝试下面的另一个值,它将变为 垂直开始 馅饼

startAngle={-270}

注意根据文档,默认值:
  • 起始 Angular :0
  • 结束 Angular :360


  • diff 等于 360 将显示一个完整的圆形饼图。您可以尝试其他配对,例如
    [-270, 90], [90, -270], [45, 405]
    

    enter image description here

    关于javascript - Recharts 垂直渲染饼图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60831882/

    相关文章:

    javascript - 在 React 中过滤多个值

    html - Recharts - 将 dataKey 的值传递给子组件

    javascript - Parse.com 在循环中保存对象,仅保存最后一个对象

    javascript - 是否真的需要使用第三方库在 <canvas> 中放置一个简单的文本框?

    javascript - vuejs - 绑定(bind)到组件数据

    reactjs - Relay、Redux、Apollo 与 GraphQL 和 React-Native

    javascript - 在 React Hook 中设置一个对象

    javascript - trigger.io 卡在 iOS 的启动画面上

    javascript - 用状态来 react 条件渲染

    typescript - 尝试在 typescript 项目中使用重新图表时出错