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

时间:2012-10-28 17:35:26

标签: javascript css svg google-api google-visualization

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

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

  1. 高光边框(主要是颜色)
  2. 的样式
  3. 在图例中选择各自类别时列的颜色(填充颜色)。
  4. 我是否可以将某些属性传递给我的图表draw()调用以更改突出显示?我是否必须手动覆盖某些事件/方法?

    非常感谢帮助!

1 个答案:

答案 0 :(得分:6)

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

例如:

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

希望它有所帮助。