更新后d3js中的奇怪文本行为

Question

在更新图表后，在Plunkr中，显示的百分比完全错误。 更新前显示的百分比是正确的，我不知道这是为什么。

这是代码的行为不如预期的一部分。

label.transition() 
    .duration(750) 
    .text(function(d) { 
     return textFormat(100/(d.data.total/d.data["apples" + CAT]))+'%'}); 

任何帮助表示赞赏！

Answer 1

对于种类one，您只计算过d.total。在更新功能中，您需要重新运行：

data.forEach(function(d) { 
    d.total = d3.sum(data, function(d) { return d3.sum([d["apples" + CAT]]); }); 
});