Donut chart example

An example of a Google Donut Chart.

HTML

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

JavaScript

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

    var data = google.visualization.arrayToDataTable([
      ['Tarefas', 'Horas por dia'],
      ['Trabalho',     11],
      ['Comida',      2],
      ['Comunitário',  2],
      ['TV', 2],
      ['Dormir',    7]
    ]);

    var options = {
      title: 'Atividades',          
    };

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

    var counter = 0;

    var handler = setInterval(function(){ 
        counter = counter + 0.1
        options = {
          title: 'Atividades',           
          slices: { 1: {offset: counter},                       
                    3: {offset: counter},                       
                    5: {offset: counter},
          }
        };
        chart.draw(data, options);

        if (counter > 0.3) clearInterval(handler);
    }, 200);        
  }