Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript D3数字图表显示的小数比要求的小数多_Javascript_Angularjs_D3.js - Fatal编程技术网

Javascript D3数字图表显示的小数比要求的小数多

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) {

我在这里使用angularjs和d3.js

我在这里画了几个甜甜圈图,我想知道如何在圆弧中间显示数据的平均值。< /P> 我的函数运行良好,并显示计算结果。但我希望小数的数目限制在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);  
        });
更新了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)
前往救援。