javascript - 饼图更新时不断调整 - D3

Question

我遇到了一点问题。

我正在使用 D3 为我正在构建的应用程序制作饼图。我基本上它可以工作，但我对图表的一方面感到恼火。我从这里调整了图表:http://jsfiddle.net/vfkSs/1/来处理我的应用程序。

数据在这里传入:

data = data ? data : { "slice1": Math.floor((Math.random()*10)+1), 
                       "slice2": Math.floor((Math.random()*10)+1), 
                       "slice3": Math.floor((Math.random()*10)+1), 
                       "slice4": Math.floor((Math.random()*10)+1) };

但是在这个文件中的某个地方，这些切片是按值排序的，这不是我想要的。

此图表的问题在于，当它更新时，它会调整图表的所有部分以保持它们按升序排列。例如，饼图的最大部分始终位于右侧，最小部分始终位于左侧。我希望它们保持数据传入时的顺序。

Answer 1

这被埋在了 documentation 中。 .

pie.sort([comparator])

If comparator is specified, sets the sort order of data for the layout using the specified comparator function. Pass null to disable sorting.

(加粗我的)

因此，将您的 .pie 调用修改为:

var cv_pie = d3.layout.pie().sort(null).value(function (d) { return d.value });

已更新fiddle .