Pie Chart Example

An example of a Google Pie Chart.

by Jon Eyrick

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="piechart" style="height:350px"></div>

JavaScript

google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Rating', 'Votes'],
          ['Fans', 5],
          ['Promoters', 3],
          ['Passives', 2],
          ['Detractors', 1],
        ]);

        var options = {
width:'100%',
height:'350',
chartArea:{
    left:20,
    top:30,
    width:'100%',
    height:'350',
},
          //legend: 'none',
          //is3D: true,
          colors:['#3366cc','#0E9E21','#ff9900','#dc3912'],
          title: ''//My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }