Javascript d3中的甜甜圈图表

我有带图例规格的油炸圈饼图。我在数据集中有2个值。但在这段代码中，我只得到了第一个值“Unresolved”

我得到的结果是

---

有人能帮忙吗？谢谢。

看起来您正在代码中进行嵌套选择，通常只需要嵌套数据。但是，您的数据不是嵌套的——只有一个级别有两个值。所发生的事情是，通过使用嵌套选择，您将下降到值数组中，每个数组只包含一个值

如果取消嵌套选择并将原始数据传递到饼图布局，则效果良好

var gs = svg.selectAll("g").data(pie(d3.values(dataset))).enter().append("g");
var path = gs.append("path")
             .attr("fill", function(d, i) { return color[i]; })
             .attr("d", arc);

---

完整示例。

看起来您正在代码中进行嵌套选择，通常只需要嵌套数据。但是，您的数据不是嵌套的——只有一个级别有两个值。所发生的事情是，通过使用嵌套选择，您将下降到值数组中，每个数组只包含一个值

如果取消嵌套选择并将原始数据传递到饼图布局，则效果良好

var gs = svg.selectAll("g").data(pie(d3.values(dataset))).enter().append("g");
var path = gs.append("path")
             .attr("fill", function(d, i) { return color[i]; })
             .attr("d", arc);

---

完整示例。

我需要在圆的中心有一个文本。如何实现它？类似于

svg.append（“text”）.attr（“text anchor”，“middle”）.text（“Something”）

。我需要在圆圈的中心放置一个文本。我如何实现它？类似于

svg.append（“text”）.attr（“text anchor”，“middle”）.text（“Something”）

。