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

after() is wrapping quotes around injected HTML

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 ...

Gatsby open modal window on button click

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. ...

Page Scrolling left to right

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 ...

how to clone url parameter value inside img src attribute?

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 ...