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

D3 : How to add labels top of in each bar in grouped bar chart

本文关键字：条形图 顶部 加标签 添加 D3      更新时间：2023-09-26

我用这个设计了分组条形图。我需要在每个栏的顶部添加标签。我浏览了很多链接，我知道我需要在这个案例中使用文本锚。但我仍然不知道如何使用它。我是D3.js的新手，有时这可能是非常容易的小事。有人能帮帮我吗?谢谢你

您需要编写一个类似rect的文本函数来显示条形图。

  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";})
相关文章：