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

标签 javascript jquery d3.js

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

最佳答案

您需要编写一个类似于 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";})

关于javascript - D3 : How to add labels top of in each bar in grouped bar chart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32761032/

相关文章:

javascript - 在 React Native 中——是否可以在通过 Prop 接收到的动画值上添加一个监听器?

javascript - 通过单击更改 div 数据

javascript - 单击时间选择器时如何获取当前时间?

d3.js - 使用 D3 将 <div> 附加到 SVG 中的节点

javascript - 如何转义字符串中的所有特殊字符?

javascript - 如何使用 d3.js 实现多行?

javascript - 完全加载一个链接

php - 可以单页发送邮件吗

javascript - 找出一组元素中的数字

javascript - Firebase - 将额外的用户数据添加到单独的数据库