D3 dinut圖表顯示比所需更多的小數

Question

我有這個plunkr我在哪裏使用angularjs和d3.js。

我在這裏生成一些甜甜圈圖表，我想知道如何顯示弧中間數據的平均值。

我的功能運行良好並顯示計算結果。但是我想把小數的數目限制在2以內。我該怎麼做？

svg.append("text") 
     .attr("dy", ".35em") 
     .style("text-anchor", "middle") 
     .attr("class", "inside") 
     .text(function(d) { 
      return (data[0]*4+data[1]*3+data[2]*2+data[3])/d3.sum(data); 
     }); 

Answer 1

更新後的plunkr here。

d3.format()與D3做到這一點的習慣的方法：

var format = d3.format('.2f');// 2 decimal places 
... 
... 
.text(function(d) { 
    return format((data[0]*4+data[1]*3+data[2]*2+data[3])/d3.sum(data)); 
});