为什么饼图从D3中的不同角度开始绘制?

时间:2013-07-23 15:40:41

标签: javascript html d3.js

我正在使用D3创建两个嵌套的饼图。 外部图表有4个数字数组,内部图表有3个数字数组,外部图表数字相加。所以内部图表部门就像外部图表部门的团体一样。目前只有一组显示 - 2个橙色部门和最大的蓝色部门。

我的问题是,由于某种原因,图表是从不同角度构建的。如您所见,内部图表应逆时针旋转约10度。我使用相同的选项创建两个图表,唯一的区别是内部图表的半径。我该如何控制这种行为?

Pie charts

1 个答案:

答案 0 :(得分:3)

两个饼图排成一行 - 在12点钟。我猜你的切片按大小排序,因此首先出现更大,更浅的橙色切片,而第二个更小的切片出现在最后而不是第二个。

通过禁用排序很容易解决这个问题:

pie.sort(null) 

https://github.com/mbostock/d3/wiki/Pie-Layout#wiki-sort

如果这不起作用,你应该遵循Lar的建议并发布一个jsfiddle或bl.ocks。任何其他事情都可能导致这个问题。