Chart Pie, libreria chartJS

Modo de uso de la libreria y ejemplo de random colors

<div class=«containerChart»>
<button id=«renderBtn»>Graficar</button>
<canvas id=«myChart»></canvas>
</div>

function renderChart(data, labels, coloR) {
var pie = document.getElementById(«myChart»).getContext(‘2d’);
var myChart = new Chart(pie, {
type: ‘pie’,
data: {
labels: labels,
datasets: [{
label: ‘Servicio Técnico’,
data: data,
backgroundColor: coloR
}]
},
options: {
legend: {
display: true,
labels: {
fontColor: ‘rgb(255, 99, 132)’
}
}
}
});
}

$(«#renderBtn«).on(‘click’, function () {
var dynamicColors = function() {
var r = Math.floor(Math.random() 255);
var g = Math.floor(Math.random() 255);
var b = Math.floor(Math.random() * 255);
return «rgb(» + r + «,» + g + «,» + b + «)»;
};
data = [];
labels = [];
coloR = [];
$.each(dataOper.lineas, function (i,item) {
for (i=0;i<item.length;i++) {
labels.push(item[i].lindes);
data.push(item[i].subtot);
coloR.push(dynamicColors())
}
});
renderChart(data, labels, coloR);
});