Donuts everywhere - with colors.

var donuts = $('.donut').length;
console.log(donuts);
google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);

    function drawChart() {
        var data = [];
        var options = [];
        for (var i = 0; i < donuts; i++) {
            var colors = "";
            var numberBase = parseInt($('.donut').eq(i).data('pctactivo'), 10);
            if(numberBase < 40){
                colors = "#EE1B2F";
            }else if(numberBase >= 40 && numberBase < 70){
                colors = "#FFCC07";
            }else{
                colors = "#8EC740";
            }
            options[i] = {
                legend: 'none',
                title: '',
                pieHole: 0.7,
                tooltip: { trigger: 'none' },
                slices: {
                    0: { color: colors },
                    1: { color: '#ccc' }
                },
                width: 55,
                height: 55,
                enableInteractivity: false,
                pieSliceText: 'none',
                chartArea: {left:0,top:0,width:55,height:55}
            };
            data[i] = google.visualization.arrayToDataTable([
                ['Task', 'Hours per Day'],
                ['Work', $('.donut').eq(i).data('pctactivo')],
                ['Dont', $('.donut').eq(i).data('pctinativo')]
            ]);
            var chart = new google.visualization.PieChart(document.getElementsByClassName('donut')[i]);
            chart.draw(data[i], options[i]);
        };
    }