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?

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