Pie Chart Example

An example of a Google Pie Chart.

by Daniel Buttery

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['corechart']}]}"></script>
       <div id="chart" style="width: 900px; height: 500px;"></div>

JavaScript

google.load('visualization', '1', {'packages': ['corechart']});
  google.setOnLoadCallback(initialize);

  function initialize() {
    // The URL of the spreadsheet to source data from.
    var query = new google.visualization.Query(
        'https://docs.google.com/spreadsheets/d/1K4W90wRjLtz4fUP1GIHBnIxDcapmPG6rrbjdQRk7jqM/pub');
    query.send(draw);
  }

  function draw(response) {
    if (response.isError()) {
      alert('Error in query');
    }

    var ticketsData = response.getDataTable();
    var chart = new google.visualization.ColumnChart(
        document.getElementById('chart_div'));
    chart.draw(ticketsData, {'isStacked': true, 'legend': 'bottom',
        'vAxis': {'title': 'Number of Teams'}});


  }