我是 d3.js 的新手,到目前为止我所取得的成就是,this使用教程和视频。
现在我尝试在标签文本下方添加 dataset.value
,如图所示。
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
元素
已更新 Fiddle这里
关于d3.js:如何在圆环图中的标签下方添加值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35868310/