Google Pie Chart does not fit the container

I am working with Google Chart API and have developed a pie chart with reference to
Visualization: Pie Chart

Screenshot of my pie chart:-

  • How to remove annotation tick mark in line chart of google api chart?
  • google.load - and message “google is not defined”
  • Login my website use google api [onsignincallback not found error]
  • Access Denied Error when using gapi.auth.authorize
  • How to build 'real time visitors on site', Google API?
  • Crawling Google Search with PHP
  • Chart

    Screenshot shows the container via firebug…

    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 useless whitespaces, the pie chart should fit the div anyhow if my code is right…

    Working on this 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);
    

    I dont know, am i missing something or its the problem with the api?

  • Google Translate API text-to-speech: http requests forbidden
  • How to display the point value in the line chart stroke of google api chart?
  • How to check if user is logged in or not with “Google Sign In” (OAuth 2.0)
  • Google Places Autocomplete
  • Google Maps don't work sometimes… Or almost always not working
  • gapi.auth javascript commands are not executed properly
  • One Solution collect form web for “Google Pie Chart does not fit the container”

    Try to modify width and height, for example :

     options.chartArea = {left:0, 'width': '80%', 'height': '80%'}