title: Responsive Google Chart
body: <p>I am trying to make a Google chart  responsive but the rendered output looks like the following:
  !the dates not showing correctly<a href="http://i.stack.imgur.com/a2H5o.png" rel="nofollow">1</a>
  I can see the graph re-size but the content of the graph is not working probably, the chart content JSON data is working fine you can see the sample data attached with this json api. </p>
  
  <p>I need some help make to make the text show correctly </p>
  
  <p>here is the code</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://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 jsonData = $.ajax({
        url: "http://m.reporting.hero-leads.com/graph/campaign/0/0/4",
        dataType:"json",
        async: false
        }).responseText;  
  
    var data = new google.visualization.DataTable(jsonData);
    // Set chart options
    var options = {
      'title':'Leads',
      'vAxis': {title: '# Leads',  titleTextStyle: {color: 'black'}},
      'hAxis': {title: 'Days',  titleTextStyle: {color: 'black'},showTextEvery:1, slantedText:true, slantedTextAngle:90, minTextSpacing:1, textStyle:{color: '#333333', fontSize: 14},
      'width':(2*(window.innerWidth))/3,
      'height':(2*(window.innerHeight))/3,
      'legend':'bottom',
      'legendPosition':'sameRow'},
      legend: { position: 'top', maxLines: 3 },
      bar: { groupWidth: '30%' },
      colors: ['e46c0a','7f7f7f'],  
      isStacked: true,
      backgroundColor: { fill:'transparent' }
    };
     // Instantiate and draw our chart, passing in some options.
    function resize () {
      var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
  
    window.onload = resize();
    window.onresize = resize;
  
  }
  &lt;/script&gt;
  &lt;div class="container"&gt;
    &lt;div class="row-fluid"&gt;
      &lt;div class="span12"&gt;
          &lt;div id="chart_div" style="width: 100%; height: 300px;"&gt;&lt;/div&gt;      
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>