條形圖還可以配上實際的數(shù)值,我們通過文本元素添加數(shù)據(jù)值。

svg.selectAll("text").data(dataset).enter().append("text").text(function(d){return d;})

通過 x 和 y 值來定位文本元素。

.attr("text-anchor", "middle").attr("x", function(d, i) {return i * (w / dataset.length) + (w / dataset.length - barPadding) / 2;}).attr("y", function(d) {return h - (d * 4) + 14;}).attr("font-family", "sans-serif").attr("font-size", "11px").attr("fill", "white");

?

結(jié)果如圖所示：

?

轉(zhuǎn)載于:https://www.cnblogs.com/guangluwutu/p/9969673.html

總結(jié)

以上是生活随笔為你收集整理的D3.js 加标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。