JavaScript nvd3 adding tooltips to the multibar chart

I have looked through several threads/resources and can't seem to get working tooltips.

Here is the code:

nv.addGraph(function() {
            self.chart = nv.models.multiBarChart()
                .stacked(true)
                .showControls(false)
                .showLegend(false)
                .stackOffset('expand')
                .showYAxis(false)
                .rotateLabels(-45)
                .reduceXTicks(false);
                //.tooltips(true)
                //.tooltipContent(function(key, x, y, e, graph){
                //    return '<div>' + key + '</div>';
                //});

            //self.chart.interactive = true;
            //self.chart.interactiveGuideline.tooltip.contentGenerator = function(){return 'Hi';};

            //nv.utils.windowResize(self.chart.update);

            return self.chart;
        });

I have the call statement later in the code, the chart is showing up and displaying great. The tooltips don't show up at all though. I have tried both commented out versions. After reading a bunch of threads , I tried the top version as that is the syntax they all use. Then I looked at the docs and it seems that tooltips and tooltipContent are deprecated for chart.interactive and chart.interactiveGuideline.tooltip.contentGenerator so I tried that. Neither worked. Appreciate all help with this issue, thanks.

Answer:1

Here is the Javascript: var bubbles = $('.history .bubble'); bubbles[bubbles.length-1].after('<div class="bubble me">' + text + '</div>'); Here is the HTML: Any idea why anything I ...

Here is the Javascript: var bubbles = $('.history .bubble'); bubbles[bubbles.length-1].after('<div class="bubble me">' + text + '</div>'); Here is the HTML: Any idea why anything I ...

I'm working on a website about donation using Gatsby v2 (Reactjs) and I need an example like open modal window on button donation click using Gatsby or ReactJS. I search on internet and I got nothing. ...

I'm working on a website about donation using Gatsby v2 (Reactjs) and I need an example like open modal window on button donation click using Gatsby or ReactJS. I search on internet and I got nothing. ...

i want to create a webpage like http://seller.flipkart.com . I want to scroll my page first from up to down and then left to right using scrolling button only and background drawing. Can you tell me ...

i want to create a webpage like http://seller.flipkart.com . I want to scroll my page first from up to down and then left to right using scrolling button only and background drawing. Can you tell me ...

I am trying to get parameter value from the url, add it inside a div and then clone that value inside the img src attribute. I can get the parameter value inside a div, and get it to clone as well ...

I am trying to get parameter value from the url, add it inside a div and then clone that value inside the img src attribute. I can get the parameter value inside a div, and get it to clone as well ...