Donut chart example

An example of a Google Donut Chart.

by Neviton

HTML

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

JavaScript

google.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Effort', 'Amount given'],
          ['My all',     100],
        ]);

        var options = {
          chartArea: {'width': '100%', 'height': '80%'},
          pieHole: 0.92,
          pieSliceTextStyle: {
            color: 'black',
          },
          legend: 'none',
            labels: 'none'
        };

        var chart = new google.visualization.PieChart(document.getElementById('donut_single'));
        chart.draw(data, options);
      }