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

Question

我使用this设计了分组条形图。我需要在每个栏的顶部添加标签。我经历了很多链接，我知道我需要在这种情况下使用文本锚。但是我仍然无法找到如何使用它。对于D3.js我是新手，有时这可能是一件非常容易的小事。谁能给我一个帮助？ 谢谢

Answer 1

您需要编写一个类似于rect的文本函数来显示条形图。有关工作示例，请参阅this 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";})