title: Google Charts - setting explorer bounds / interval
body: <p>I'm using Google Charts with the "explorer" option (see example <a href="http://jsfiddle.net/KArng/101/" rel="nofollow">http://jsfiddle.net/KArng/101/</a>) to drag / scroll to change the chart data view range:</p>
  
  <pre><code>var data = new google.visualization.DataTable();
  data.addColumn('number', 'X');
  data.addColumn('number', 'Y');
  var y = 50;
  for (var i = 0; i &lt; 1000; i++) {
          y += Math.ceil(Math.random() * 3) * Math.pow(-1, Math.floor(Math.random() * 2));
          data.addRow([i, y]);
      }
  
  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, {
      height: 400,
      width: 600,
      explorer: {
          axis: 'horizontal',
          keepInBounds: true,
          maxZoomIn:0.1,
          maxZoomOut:4
  
      },
  
  });
  }
  </code></pre>
  
  <p>In this example, the OX axis (hAxis) has values from 0 to 1000 and the chart can be zoomed-in using the mouse scroll and then dragged to update the data view. </p>
  
  <p>But how do I set the bounds (OX min/max interval) programatically? For example, when the chart is loaded and displayed, I want to show the initial min/max to be 500 / 750 (to have a default zoom let's say).</p>