Google GeoChart Hover Event

[Joachim Löfstedt]

Hey,

I wonder if its possible to prevent the hover effect on Googles GeoCharts https://developers.google.com/chart/interactive/docs/gallery/geochart to be displayed.

When you hover a region of the map a custom stroke/border is added on top of the country normal stroke. I have tried for quite some time finding a solution to this but it seems impossible to remove it.

Anyone got ideas?

Thanks

[Carlos Moreira]

Hi Joachim

I've been doing it with css. 

Something like:

#visualization path { stroke-width:1px; }

http://jsfiddle.net/cmoreira/p0emnrxu/

But if you're using the markers mode or text mode, you can set the inactive parameter to false:

http://jsfiddle.net/cmoreira/dfd1zu21/

Hope it helps! 

[Joachim Löfstedt]

Hey Carlos,

Thanks for your suggestions. I think the first one might do what I actually want. I am using the colored region mode (not markers or text) and it seems to help with your first jsfiddle.

I will try this in my current implementation.

Thank you again!

[Ingmar]

#visualization g[clip-path] > g + g > g > path {

    stroke-width: 0;

    fill: transparent;

}