更新機能後のd3jsでの奇妙なテキストの動作

Question

このPlunkrでは、グラフを更新した後、表示される割合が完全に間違っています。 しかし、更新前の表示されたパーセンテージは正しいので、なぜこれが問題なのかわかりません。

ここは、期待どおりに動作しないコードの一部です。

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

ご協力いただきましてありがとうございます。

Answer 1

の数値はd.totalです。更新機能では、再実行する必要があります：

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