title: zooming a selected area of google visualization chart
body: <p>I am working on Google-visualization chart. I would like that when i select particular area of chart i can zoom that particular selected area. I would also like it to do the same with line chart, bar chart, pie chart</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
        &lt;head&gt;
          &lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
            google.load("visualization", "1", {packages:["corechart"]});
            google.setOnLoadCallback(drawChart);
            function drawChart() {
              var data = new google.visualization.DataTable();
              data.addColumn('string', 'Date');
              data.addColumn('number', 'Company1');
              data.addColumn('number', 'Company2');
              data.addColumn('number', 'Company3');
              data.addColumn('number', 'Company4');
              data.addColumn('number', 'Company5');
              data.addColumn('number', 'Company6');
              data.addRows([
                ['Feb 1, 2012 - Feb 28, 2012', 10, 10, 5, 15, 10, 55]
              ]);
              data.addRows([
                ['Mar 1, 2012 - Mar 31, 2012', 10, 10, 5, 15, 10, 55]
              ]);
              var options = {
                title: 'Total Reviews',
                hAxis: {title: '',  titleTextStyle: {color: 'blue'}}
              };
              var chart = new google.visualization.ColumnChart(document.getElementById('total'));
              chart.draw(data, options);
              google.visualization.events.addListener(chart, 'select', function() {
                var selection = chart.getSelection()[0];
                var label = data.getColumnLabel(selection.column);
                // alert(label); //SOMETHING GOES HERE TO MAKE IT ZOOOM
              })
            }      
          &lt;/script&gt;
        &lt;/head&gt;
        &lt;body&gt;
          &lt;div id="total" style="width: 600px; height: 400px;"&gt;&lt;/div&gt;
        &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>