Javascript D3数字图表显示的小数比要求的小数多
我在这里使用angularjs和d3.js 我在这里画了几个甜甜圈图,我想知道如何在圆弧中间显示数据的平均值。< /P> 我的函数运行良好,并显示计算结果。但我希望小数的数目限制在2以内。我该怎么做Javascript D3数字图表显示的小数比要求的小数多,javascript,angularjs,d3.js,Javascript,Angularjs,D3.js,我在这里使用angularjs和d3.js 我在这里画了几个甜甜圈图,我想知道如何在圆弧中间显示数据的平均值。< /P> 我的函数运行良好,并显示计算结果。但我希望小数的数目限制在2以内。我该怎么做 svg.append("text") .attr("dy", ".35em") .style("text-anchor", "middle") .attr("class", "inside") .text(function(d) {
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);
});
更新了plunkr
是使用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) );
});
.toFixed(2)
前往救援。