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

【问题标题】：how do i format the value shown in a d3 graph如何格式化 d3 图中显示的值
【发布时间】：2013-03-12 19:46:34
【问题描述】：

我正在尝试更改 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/

【问题讨论】：

【解决方案1】：

看起来discreteBarChart 有一个valueFormat() 方法。您可以在nvd3 source on line 232.

中看到它的定义

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

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

【讨论】：

感谢@meetamit！知道如何添加另一个 x 轴，以便显示每个条的百分比值吗？
@looneydoodle NP。不确定到底什么是正确的方法，或者使用另一个 x 轴是最好的方法。但这是我能想到的一种方法：jsfiddle.net/mrUSj/1。如果图表不是太窄也可以。
我想我必须在它下面添加另一个图表，我似乎无法添加另一个 x 轴。