Custom tooltip for nvd3

custom_tooltip_in_nvd3.js

// custom tooltip example
chart.tooltip.contentGenerator(function (obj) {
    var format = d3.format(",d");

    return '<table><thead><tr><td class=x-value colspan=3><h1 class=tooltip>' + obj.data.name + '</h1></td></tr></thead>' +
        '<tbody><tr><td class=key>Impact Factor:</td><td class=value>' + obj.data.meanIF + '</td></tr>' +
        '<tr><td class=key>Citations:</td><td class=value>' + format(obj.data.meanCitations) + '</td></tr>' +
        '<tr><td class=key>Funding:</td><td class=value>$' + format(obj.data.funding) + '</td></tr>' +
        '</tbody></table>'
});

an example of custom tooltip

thanks!

For anyone having problems showing custom tooltips with InteractiveGuideline set to true, you can use the following:

chart.interactiveLayer.tooltip.contentGenerator(function (obj) { ... });