D3：如何在分组条形图中的每个条形顶部添加标签

Question

我用这个设计了分组条形图。我需要在每个栏的顶部添加标签。我浏览了很多链接，我知道我需要在这种情况下使用文本锚点。但我仍然找不到如何使用它。我对 D3.js 比较陌生，有时这可能是非常简单的小事情。有人可以帮我吗？谢谢

Answer 1

您需要编写一个类似于 rect 的文本函数来显示条形。请参阅此 plnkr以获取工作示例。

  state.selectAll("text")
  .data(function(d) { return d.ages; })
        .enter().append("text")
        .attr("class","barstext")
        .attr("x", function(d) { return x1(d.name); })
        .attr("y",function(d) { return y(d.value); })
        .text(function(d){console.log(d.value/1000000); return (d.value/1000000).toFixed(2) +"M";})