Google Chart API:更改悬停图例上的颜色

Pet*_*ich 2 javascript css svg google-api google-visualization

所以我有一个ColumnChart,其中一个内置功能是你可以将鼠标悬停在图表图例中的一个项目(所谓的类别)上,并在图表中的相应列周围找到一些高亮边框.

现在我的图表中有很多列和类别,很难看到突出显示的系列/类别,因为默认行为只是在列周围显示1px灰色边框.我的列只有几个像素的宽度,我仍然需要区分10个不同的类别(=颜色).因此,选择非常浅的颜色(边框很容易被发现)是不可取的.我发现无法改变:

  1. 高光边框的样式(主要是颜色)
  2. 在图例中选择各自类别时的列颜色(填充颜色).

是否有一些属性可以传递给draw()我的图表调用以更改突出显示?我是否必须手动覆盖某些事件/方法?

非常感谢帮助!

CMo*_*ira 6

在过去,我使用一些CSS黑客来改变生成的SVG(路径,矩形等)的一些属性,你可以使用高级选择器来玩,也许你将能够实现你想要的.我创建了一个非常快速和错误的例子,但也许它会指出你正确的方向.

例如:

div.google_chart svg g g g g rect { 
            stroke-width:0px; fill:red; 
            }
Run Code Online (Sandbox Code Playgroud)

希望能帮助到你.