title: Google Charts API: Responsive Design
body: <p>I just added a chart from Google Charts API into a webapp I'm working on. Just for some context, my webapp is built on AngularJS with Bootstrap. The charts are inserted using the <a href="https://github.com/bouil/angular-google-chart" rel="nofollow">angular-google-chart</a> module.</p>
  
  <p>How do I make the chart display responsive? What I'd like to do is to keep the chart full width, and based on that sized automatically with a proper height. I can't seem to get that working.</p>
  
  <p>I have tried making <code>width: 100%; height: 500px;</code> but it displays whitespace on smaller widths.</p>
  
  <p>Any suggestions greatly appreciated.</p>