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?

score 10 · Accepted Answer · answered Jul 23 '15 at 08:29

10

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

answered Jul 23 '15 at 08:29

Lioman

529
8
20

throws error like this `Uncaught TypeError: Cannot read property 'valueFormatter' of undefined` – Sunil Kumar B M Jul 23 '15 at 08:37
Which version of nvd3.js are you using? – Lioman Jul 23 '15 at 08:38
1

You should upgrade. v1.8.1 had some tooltip changes. – al lin Jul 23 '15 at 08:42
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?? – Sunil Kumar B M Jul 23 '15 at 08:48
No [1.8.1](https://github.com/novus/nvd3/releases/tag/v1.8.1) it is not in alpha state, it is the current realease – Lioman Jul 23 '15 at 08:50

nvd3 tooltip decimal format

1 Answers1

Linked