title: Google Pie Chart does not fit the container
body: <p>I am working with <a href="https://google-developers.appspot.com/chart/interactive/docs/index" rel="nofollow noreferrer">Google Chart API</a> and have developed a pie chart with reference to <a href="https://google-developers.appspot.com/chart/interactive/docs/gallery/piechart" rel="nofollow noreferrer">
  Visualization: Pie Chart</a></p>
  
  <p>Screenshot of my pie chart:-</p>
  
  <p><img src="https://i.stack.imgur.com/NrvxI.jpg" alt="Chart"></p>
  
  <p>Screenshot shows the container via firebug...</p>
  
  <p>Here is the problem arises, the low opacity blue color is the container(i.e. div) in which the chart is appearing, some what it doesn't fit to that outer div in which its contained and showing some <strong>useless whitespaces</strong>, the pie chart should fit the div anyhow if my code is right...</p>
  
  <p>Working on this code:-</p>
  
  <pre><code>var options_pie = {
  chartArea: { left: 0, top: 0, width: "100%", height: "60%"},
  colors: ['#59ea54', '#a14660', '#f3cf4a', '#16a2c2', '#ce7374', '#39ae9b'],
  legend: 'none',
  };
  
  var chartPie = new google.visualization.PieChart(document.getElementById('chart_pie'));
  chartPie.draw(data, options_pie);
  </code></pre>
  
  <p>I dont know, am i missing something or its the problem with the api?</p>