Javascript 谷歌图表API：更改悬停图例的颜色

因此，我有一个内置功能，其中一个功能是，您可以将鼠标悬停在图表图例中的项目（所谓的类别）上，并在图表中相应的列周围获得一些高亮边框

现在我的图表中有很多列和类别，很难看到突出显示的系列/类别，因为默认行为只是在列周围显示一个1px的灰色边框。我的列只有几个像素宽，我仍然需要区分10种不同的类别（=颜色）。因此，只选择非常浅的颜色（边界容易被发现的地方）是没有选择的。我找不到改变的方法：

突出显示边框的样式（主要是颜色）或

在图例中选择相应类别时列的颜色（填充颜色）

是否有一些属性可以传递给图表的

draw（）

调用以更改突出显示？我是否必须手动覆盖某些事件/方法

---

非常感谢您的帮助

在过去，我使用了一些CSS技巧来更改生成的SVG的一些属性（路径、rect等…） 你可以玩高级选择器，也许你能实现你想要的。 我创建了一个非常快速且有缺陷的示例，但它可能会为您指明正确的方向

例如：

div.google_chart svg g g g g rect { 
            stroke-width:0px; fill:red; 
            }

---

希望能有帮助。

哦，我的天哪，它真的很管用。非常感谢你。代码高亮显示当前选定的列，您将鼠标悬停在该列上。要获得整个系列（将鼠标悬停在图例上），可以使用以下代码：

div.google\u chart svg rect{stroke width:0px；fill:red；}

-这将导航到svg树。看起来棒极了！也许可以更新你的答案，这样就可以马上发现。再说一次：谢谢！酷彼得！很高兴你找到了正确的CSS！正如您所说，我更新了我的答案，以便立即被发现，并删除了JSFIDLE链接，不知何故它不是正确的。很高兴我能帮忙！干杯谢谢你，科莫雷拉，你真的帮了我。它非常完美，为我节省了很多时间。虽然这是一个很好的解决方案，但我想指出，要支持IE8及之前的版本，您需要做一些额外的工作来捕获它生成的VML，而不是SVG。上帝保佑您！！