title: Responsive Google Analytic Charts
body: <p>How can I get my charts to be Bootstrap Responsive?</p>
  
  <p>You can see here, that none of them are resizing properly</p>
  
  <p><img src="https://i.stack.imgur.com/uiK5d.jpg" alt="enter image description here"></p>
  
  <p>I have tried setting the <code>width</code> to 100%, but it does not seem to follow...</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
      google.load("visualization", "1", {packages:["corechart"]});google.setOnLoadCallback(drawChart);
      var chart, data, options;
      function drawChart() {
          data = google.visualization.arrayToDataTable([
                ['Day', 'Views', 'Visits', 'Bounces'],
                  &lt;?php
                      foreach($rArr as $key =&gt; $value){
                          echo '["'.$key.'", '.$this-&gt;DefaultNumber($value[0]).', '.$this-&gt;DefaultNumber($value[1]).', '.$this-&gt;DefaultNumber($value[2]).'],';
                      }
                  ?&gt;
              ]);
          options = {
                  width: '100%',
                  height: &lt;?php echo $height; ?&gt;, 
                  title: '&lt;?php echo $this-&gt;initialstartdate; ?&gt;&lt;?php echo ' - '.$this-&gt;initialenddate; ?&gt;',
                  titleTextStyle: {color: 'black', fontName: 'Calibri', 
                          fontSize: '14'},
                  colors:['#333','#999', '#ccc'],
                  backgroundColor: {fill: '#F5F5F5', opacity: 100},
                  areaOpacity: 0.1,
                  hAxis: {textPosition: 'in', 
                      showTextEvery: &lt;?php echo $dateGap; ?&gt;, 
                      slantedText: false, 
                      textStyle: {color: 'black', fontName: 'Calibri', 
                          fontSize: '12'}},
                  vAxis: {textStyle: {color: 'black', fontName: 'Calibri', 
                          fontSize: '12'}},
                  pointSize: 5,
                  legend: { position: 'bottom',textStyle: {color: 'black', fontName: 'Calibri', 
                          fontSize: '12'}},
                  isStacked: false
              };
          chart = new google.visualization.AreaChart(document.getElementById('&lt;?php echo $divId; ?&gt;'));
          chart.draw(data, options);
      }
      &lt;/script&gt;
  </code></pre>
  
  <h1>Wrapping Code</h1>
  
  <pre><code>&lt;div class="well"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-12"&gt;
              &lt;h4&gt;Visits vs. Views vs. Bounces&lt;/h4&gt;
              &lt;div id="v-chart"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>