Question

我有一个简单的饼图，我试图做出回应。我的努力使我达到了图表不显示的程度。没有错误，只是一个空白的屏幕。

我们非常感谢任何想法都不会渲染的想法。

Plnkr：https://plnkr.co/edit/SFX4mpaL1fwXraXDR71X?p=preview

var pieG = chartLayer.selectAll("g")
        .data([data])
        .enter()
        .append("g")
        .attr("transform", "translate("+[fullWidth/2, fullHeight/2]+")")

Answer 1

您设置了电弧发生器：

var arc = d3.arc()
    .outerRadius(chartHeight/2)
    .innerRadius(chartHeight/4)
    .padAngle(0.03)
    .cornerRadius(8);

没有定义chartHeight：

console.log(chartHeight)//returns undefined

所以，我只是提出了一些神奇的数字：

var arc = d3.arc()
    .outerRadius(150)
    .innerRadius(100)
    .padAngle(0.03)
    .cornerRadius(8);

这是你的傻瓜：https://plnkr.co/edit/nm4TBcOGN14C9rwDMgRs?p=preview

图表无法呈现

1 个答案: