CODEWITHSUNDEEP
d3.jsnvd3.js
looneydoodle
looneydoodle

Reputation: 369

how do i format the value shown in a d3 graph

I am trying to change the formatting on the value shown on top of the bar graph in a nvd3 discrete bar graph. I believe I am doing something wrong, I have no idea.

Here is the js fiddle for the graph http://jsfiddle.net/looneydoodle/PdpRq/

Here is the code 

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

EDIT:

Figured out how to do it, although it might be a bad way to do it. Here is the updated fiddle: http://jsfiddle.net/looneydoodle/PdpRq/2/

Upvotes: 6

Views: 4789

Answers (1)

meetamit
meetamit

Reputation: 25177

Looks like the discreteBarChart has a valueFormat() method. You can sorta see it defined in the nvd3 source on line 232.

So, to set a format other than the default that you're seeing, all you need is:

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

Here's the jsFiddle

Upvotes: 15

Related Questions