d3.js：如何在圆环图中的标签下方添加值

我是 d3.js 的新手，到目前为止我所取得的成就是，this https://jsfiddle.net/saras_arya/ypdw96v9/使用教程和视频。

Now I am trying to add the dataset.value below the label text as shown in the figure.

var dataset = [{
  label: 'On trip',
  value: 35
}, {
  label: 'parked',
  value: 65 
}];

我该如何实现这一目标？

您可以使用以下代码更新附加文本代码。

text.enter()
 .append("text")
 .attr("dy", ".35em")
 .append('svg:tspan')
 .attr('x', 0)
 .attr('dy', 0)
 .text(function(d) { return d.data.label; })
 .append('svg:tspan')
 .attr('x', 0)
 .attr('dy', 20)
 .text(function(d) { return d.data.value; });

追加两个tspan给你的text element

Updated Fiddle https://jsfiddle.net/ypdw96v9/8/ here