谷歌图表API:上徘徊的传说变色(Google Chart API: Change color on

2019-07-02 19:36发布

所以,我有一个ColumnChart中和的内置功能之一是,你可以在图表的图例中的项目(所谓的类)将鼠标悬停在和你得到的图表中的对应列周围的一些亮点边界。

现在我有很多列和类别在我的图表和高亮系列/类是很难看到,因为默认的行为只是显示的列围绕1px的灰色边框。 我的列只能几个像素宽度和我仍然需要区分10个不同的类别(=颜色)。 所以只挑选很轻的颜色(如边界会很容易发现)没有选项。 我发现没有改变方式:

  1. 亮点,边框的样式(主要颜色)
  2. 的颜色的列(填充颜色)时各自的类别在图例中被选择。

有一些属性,我可以传递给draw()我图的调用来改变高亮? 我必须手动覆盖一些事件/方法?

帮助非常感谢!

Answer 1:

在过去,我用了一些CSS黑客修改生成的SVG(路径,矩形,等...),你可以玩弄高级选择的一些性质,也许你就可以达到你想要的东西。 我创建了一个非常快速和越野车的例子,但也许它会指向你在正确的方向。

例如:

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

希望能帮助到你。



文章来源: Google Chart API: Change color on hovering legend