Open the Chrome Dev Tools/Firebug and see that the float:left is causing the div used by the map to cover the divs of the other charts. This blocks mouse events to get to the other charts. I'm not a CSS/layout expert, so I don't know why the divs behave they way they do...
On Mon, Aug 22, 2011 at 1:09 PM, Daniel D. / compojoom <[email protected] > wrote: > http://jsfiddle.net/sHNn8/1/ > > I finally understood what is causing it, but not why... > > Look at the css, when you remove the float:left, then it works as expected. > Or if I float:left the #map tag then it also works, or if I do clear:both > after the age and gender divs... I can't understand why the float:left of > the div is rendering the chart unusable when we have 3 charts. If we use > just age and gender everything works as expected... > > Any ideas why this happen? > > Daniel > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To view this discussion on the web visit > https://groups.google.com/d/msg/google-visualization-api/-/MRJyDbkRWK8J. > > To post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
