百分比值总和不超过100

Question

我在这里设置的条形图显示百分比，但是对于某些值，百分比不总计为100.在此示例中显示，97％，2％和2％，超过100 。 我哪里错了？ working fiddle

我使用此附加文字 -

 sets.append("rect")
                .attr("class","global")
                .attr("width", xScale.rangeBand()/2)
                .attr('y', function(d) {
                    return yScale((d.global/total)*100);
                })
                .attr("height", function(d){
                    return h - yScale((d.global/total)*100);
                })
                .attr('fill', function (d, i) {
                return color(d.global);
                }) 
                .append("text")
                .text(function(d) {
                    return commaFormat((d.global/total)*100);
                }) 

Answer 1

您正在舍入百分比值。只需更改

的标签格式即可

var commaFormat = d3.format(".0%");

到

var commaFormat = d3.format(".1%");