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

时间:2017-01-19 17:52:34

标签: javascript d3.js

我正在尝试将this example移植到d3 v4并且因为它在饼图中绘制了一个奇怪的三角形而陷入困境。我的版本是here

我得到3个看起来像这样的错误:

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

我不确定如何继续。

感谢您花时间和耐心阅读本文。

1 个答案:

答案 0 :(得分:0)

我不确定这是否会对其他人有所帮助,但我在饼图here的半径中间找到了一个带有文字的合适饼图。

相关代码是:

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