nvd3: How highlight whole stacked bar on mouseover?

I need to highlight whole stacked bar on nvd3 chart to show a common tooltip with values of the whole bar.

My code is the same of the example: http://nvd3.org/ghpages/multiBar.html

Answers


for the highlight, put in your css something like this:

 .nv-bar:hover {
     fill: #ff0000 //this is bright red, pick the highlight color you want
 }

A tooltip would probably best be implemented with javascript or jQuery. Use their event system to pop display an element on mouseover, move it to your mouse and fill it with the appropriate data. Hide it on mouseleave.


Need Your Help

how to auto populate text fields with text automatically

javascript jquery html

I have a simple Registration form and I want to make an option like there are two different fields, and what i want is simple, just when I add text to the first field it should automatically be add...

ProgressDialog is not closed

android android-ui progressdialog

I managed to show a ProgressDialog, but I can't close it after my long running process.