Donut chart example

An example of a Google Donut Chart.

by Kevin Bratt

HTML

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

<button onClick="drawChart ( 75) ">
Redraw
</button>

JavaScript

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

      function drawChart( ) {

        var data = google.visualization.arrayToDataTable([
          ['', ''],
          ['', 1 ],
          ['', 1 ],
          ['', 1 ],
          ['', 1 ]
          
        ]);

        var options = {
          
          pieSliceTextStyle: {
            color: 'black',
          },
          legend: 'none'
        };

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