nvd3 tooltip decimal format

Question

I'm using nvd3 to display line graph.

Having a little trouble in formatting the tooltip content

This is the line I'm using to format the y-axis text

chart1.yAxis.tickFormat(d3.format('.02f'));

But, it is only taking effect on the y-axis. If there is a value like 44.123231, in y-axis, it will show up like 44.12, but in the tooltip, it is showing 44.00. What could be the issue? Is there a way in nvd3 to format tooltip text?

Berneicebernelle

Answer 1

You can use chart.tooltip.valueFormatter() to specify a formatting function.

Look at this example on Plunker in script.js line 29.

Here is the documentation for the tooltip component in VCD3.js

Clevis

throws error like this Uncaught TypeError: Cannot read property 'valueFormatter' of undefined – Berneicebernelle

Which version of nvd3.js are you using? – Clevis

You should upgrade. v1.8.1 had some tooltip changes. – Wormseed

1.8.1 is in alpha state.. not sure if it is stable enough.. 1.7.1 is the last stable release. is'nt it possible to do it in this version?? – Berneicebernelle

No 1.8.1 it is not in alpha state, it is the current realease – Clevis