$(document).ready(function() { var labels=[]; var datas=[]; $( "#dataServices tr" ).each(function( index ) { labels.push($(this).find('th').text()); datas.push($(this).find('td').text()); }); var labels2=[]; var datas2=[]; $( "#dataStatuts tr" ).each(function( index ) { labels2.push($(this).find('th').text()); datas2.push($(this).find('td').text()); }); var labels3=[]; var datas3=[]; $( "#dataModels tr" ).each(function( index ) { labels3.push($(this).find('th').text()); datas3.push($(this).find('td').text()); }); var ctx = document.getElementById('chartServices').getContext('2d'); var myChart = new Chart(ctx, { type: 'pie', data: { labels: labels, datasets: [{ data: datas, borderWidth: 1 }], options: { plugins: { colorschemes: { scheme: 'brewer.Paired12' } } } }, }); var ctx2 = document.getElementById('chartStatuts').getContext('2d'); var myChart2 = new Chart(ctx2, { type: 'pie', data: { labels: labels2, datasets: [{ data: datas2, borderWidth: 1 }], options: { plugins: { colorschemes: { scheme: 'brewer.Paired12' } } } }, }); var ctx3 = document.getElementById('chartModels').getContext('2d'); var myChart3 = new Chart(ctx3, { type: 'pie', data: { labels: labels3, datasets: [{ data: datas3, borderWidth: 1 }], options: { plugins: { colorschemes: { scheme: 'brewer.Paired12' } } } }, }); })