d3.js - 如何格式化 d3 图中显示的值

Question

我正在尝试更改 nvd3 离散条形图中条形图顶部显示的值的格式。我相信我做错了什么，我不知道。

这是代码

var basicformat = d3.format(',f');
d3graph.selectAll('g.nv-bar text').each(function(d,i){
  this.text(basicformat(this.value));
});

编辑：

想出了如何做到这一点，尽管这可能是一个不好的方法。这是更新的小提琴：http: //jsfiddle.net/looneydoodle/PdpRq/2/

score 15 · Accepted Answer

看起来discreteBarChart 有一个valueFormat()方法。您可以在第 232 行的 nvd3 源代码中看到它的定义。

因此，要设置不同于您所看到的默认格式的格式，您只需要：

chart.valueFormat(d3.format('f'))// Or whatever format you'd like

1 回答 1