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/

    相关文章:

    reactjs - Recharts - 将值数组传递给 Line 组件

    javascript - 如何在Recharts中显示多个对象数组?

    javascript - 如何将此 jQuery 代码转换为 ReactJS 代码(React、jQuery、HTML、CSS)

    javascript - 在 CreateElement 中定义并调用方法

    javascript - jQuery:如何在出现滚动条时触发窗口调整大小事件

    javascript - MeteorJS 获取图像宽度

    javascript - 如何监听 firestore 子集合中所有文档的更改?

    javascript - Recharts 不在 LineBarAreaComposedChart React 上显示负值

    javascript - 如果第一个 div 类在选择复选框时匹配,则隐藏/显示第二个 div 元素

    javascript - 为什么单选按钮没有传递 asp 控件的 clientID