javascript - 设置圆弧的 d 属性时出错

Question

当我使用 d3.js 库处理饼图时，我的浏览器向我抛出了两个错误。

Error: Problem parsing d="M1.4695276245868527e-14,-240A240,240 0 1,1 NaN,NaNL0,0Z"
Error: Problem parsing d="MNaN,NaNA240,240 0 1,1 NaN,NaNL0,0Z"

这是我的代码的一部分：

var arc = d3.svg.arc()
        .outerRadius(radius - 10)
        .innerRadius(0);

d3.json('...', function (error, json) {

    var g = chart.selectAll(".arc")
        .data(pie(json))
        .enter().append("g")
        .attr("class", "arc");

    g.append("path")
        .attr("d", arc) // <-- problem
        .style("fill", function(d, i) {
            console.log(d.data.count);
            return color(d.data.count);
        });
});

非常感谢您的帮助，因为我发现 d3.js 对我很有帮助。祝你今天过得愉快。

Answer 1

感谢 LarsKotthoff 的评论，我发现了错误。

我不得不改变：

var pie = d3.layout.pie()
        .sort(null)
        .value(function (d) {
            return d;
        });

至：

var pie = d3.layout.pie()
        .sort(null)
        .value(function (d) {
            return d.count;
        });

感谢，并有一个愉快的一天！