D3圆环图显示比所需更多的小数

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) );  
});