US in Mexico map

[Eze Rangel]

Hi guys, I was thinking if is there a way to remove or fill with transparent the US 'field' from the Mexico map in the Geochart API

[asgallant]

There is no way to remove that in the API.

[Carlos Moreira]

hello

asgallant is right, you can't remove it with the API. But did you try and set the inactive regions to 'transparent' or 'none'?

what you can also do, is add some advanced CSS selectors like:

#visualization path {
stroke-width:0; /* to remove the borders */
}

and a more tricky one, would be find which shape is the US one, and apply something like:
#visualization path:nth-child(3) {
fill:#FFF; /*color shape white. alpha transparency css could be used also*/
}


this would probably not work in some older versions of IE... but I hope it helps!

[asgallant]

You could also try using CSS overflow and positioning tricks to hide the upper part of the chart div (put the chart div inside another div with smaller height dimension, set overflow to hidden on the outer div and position the chart div with a negative top value).

[Eze Rangel]

Thanks for your answers, I had to do it with CSS3 and attribute selectors ;)