尝试将饼图示例移植到d3的v4

Question

I am trying to port this example to d3 v4 and I am getting stuck because it is drawing a weird triangle in the pie chart. My version is here .

I am getting 3 errors that look like this:

Error: <path> attribute d: Expected number, "…280223e-14,-100LNaN,NaNZ".

and I am unsure of how to proceed.

Thank you for your time and patience in reading this.

Answer 1

I am not sure if this will help others, but I found a decent pie chart with text at the middle of the radius of the pie graph here .

The relevant code is:

arcs.append("svg:text").attr("transform", function(d){
            d.innerRadius = 0;
            d.outerRadius = r;
    return "translate(" + arc.centroid(d) + ")";}).attr("text-anchor", "middle").text( function(d, i) {
    return data[i].label;}
        );