饼图在更新时不断调整 - D3答案

【问题标题】：Pie chart keeps adjusting itself when updating - D3饼图在更新时不断调整 - D3
【发布时间】：2015-01-14 04:40:13
【问题描述】：

我有点问题。

我正在使用 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) };

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

此图表的问题在于，当它更新时，它会调整图表的所有部分以使其保持升序。例如，馅饼的最大部分总是在右边，而最小的部分在左边。我希望这些保持在传入数据时的顺序。

【问题讨论】：

标签： javascript d3.js pie-chart

【解决方案1】：

这有点埋在documentation中。

pie.sort([比较器])

如果指定了比较器，则为布局设置数据的排序顺序使用指定的比较器功能。 传递 null 以禁用排序。

（粗体字）

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

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

更新fiddle。

【讨论】：