Donut chart example

An example of a Google Donut Chart.

by Roman Fedytskyi

HTML

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

JavaScript

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

      function drawChart() {

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

        var options = {
          pieHole: 0.9,
          pieSliceTextStyle: {
            color: '#333333',
          },
          legend: 'none',
          slices:[{color:'#0b78e6'},{color:'#ffbf00'}]
        };

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