nvd3：如何突出鼠标悬停整个堆积酒吧？

Question

我需要突出显示nvd3图表上的整个堆栈栏，以显示整个栏的值的常见工具提示。

我的代码是相同的例子：http://nvd3.org/ghpages/multiBar.html

Answer 1

为亮点，把你的CSS是这样的：

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

工具提示将可能是最好的JavaScript或jQuery的实现。使用他们的事件系统弹出在鼠标悬停上显示元素，将其移动到鼠标并用适当的数据填充它。在mouseleave上隐藏它。