在 angular 中的 nvd3 (d3) discreteBarChart 中显示条形内的值

Question

这是link。 http://krispo.github.io/angular-nvd3/#/discreteBarChart

我想将显示在栏内每个栏顶部的值定位。在 angular nvd3.

中有什么方法可以做到吗？

Answer 1

使用 nvd3 我不这么认为:

但是使用 d3 你可以这样做：

$timeout 稍后触发函数（在这里使用以便 nvd3 最终制作图表）与 window 超时相同。

$timeout(function() {
    //get all the positive bars and to its text y add 14
    d3.selectAll(".positive").selectAll("text").forEach(function(k) {
      var v = parseFloat(d3.select(k[0]).attr("y")) + 14;
      d3.select(k[0]).attr("y", v)
    })
  }, 1000);//do this after a time out of 1 sec

$timeout(function() {
    //get all the negative bars and to its text y minus 14
    d3.selectAll(".negative").selectAll("text").forEach(function(k) {
      var v = parseFloat(d3.select(k[0]).attr("y")) - 14;
      d3.select(k[0]).attr("y", v)
    })
  }, 1000);//do this after a time out of 1 sec

工作代码here

希望对您有所帮助！

在 angular 中的 nvd3 (d3) discreteBarChart 中显示条形内的值

Display the Values inside the bar in nvd3 (d3) discreteBarChart in angular

d3.js

angularjs

nvd3.js