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上隐藏它。