title: Google chart default size
body: <p>I have a Google chart that is set to 500px by 500px, yet returns 400px by 200px. I have looked at the div, and it shows 500x500.  I have no reason for why the chart comes back at 400x200.  the div shows 500x500, but the SVG rectangle box shows 400x200, making all of the images smaller.</p>
  
  <p>Is there a setting I don't know?</p>
  
  <pre><code>&lt;div class="span5"&gt;
  &lt;div id="qual_div" style="border:1px black solid;margin:0px;padding:0px;height:500px;width:500px"&gt;&lt;/div&gt;
  &lt;/div&gt;
      &lt;script type="text/javascript"&gt;
    var data, options, chart;
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
      data = google.visualization.arrayToDataTable([
        ['Qual', 'Stat'],
        ['Patient Satisfaction',     {{ $stats-&gt;attributes['sa_ptsatisfaction'] }}],
        ['Medical Knowledge',      {{ $stats-&gt;attributes['sa_medknowledge'] }}],
        ['ER Procedural Skills',  {{ $stats-&gt;attributes['sa_erprocskills'] }}],
        ['Nurse Relationship Skills', {{ $stats-&gt;attributes['sa_nrsrltnshpskls'] }}],
        ['Speed',    {{ $stats-&gt;attributes['sa_speed'] }}],
        ['Compassion',    {{ $stats-&gt;attributes['sa_compassion'] }}],
        ['EMR Utilization Skills',    {{ $stats-&gt;attributes['sa_emr'] }}],
        ['Profession Teamwork Skills',    {{ $stats-&gt;attributes['sa_proftmwrkskills'] }}]
      ]);
  
      options = {
        title: 'My Daily Activities'
        ,chartArea:{left:0,top:0,width:"100%",height:"100%"}
      };
  
      chart = new google.visualization.PieChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
  
    function adjustChart(nm, vl) {
      for (var r=0; r&lt;data.D.length; r++) {
        if (data.D[r].c[0].v == nm) {
          data.D[r].c[1].v = parseInt(vl);
          break;
        }
      }
      chart.draw(data, options);
    }
  &lt;/script&gt;
  </code></pre>