Google Charts (GeoChart) - Zoom in closer

As a trick, I used css zoom property with overflow:hidden on container. But it should be executed after chart.draw(), on google chart ready event.

And if you need to redraw (I'm redrawing on window resize to guarantee responsiveness), you should force zoom to 1 or 100% again before draw it again.

HTML:

<div id="container" style="overflow:hidden; width:..px;">
     <div id="chart_div"></div>
</div>

JS (jquery):

$("#chart_div").css("zoom",1);

// [... google chart code generation ...]

google.visualization.events.addListener(chart, 'ready', function() { $("#chart_div").css("zoom",1.4); });
chart_draw(data, options);

It worked for me and it is worth the try.

The API does not support zooming, dragging, or scrolling.