O código para o gráfico esta em HTML.
No código que segue abaixo, existem estes labels:
["Área 2","Área 3","Área 7","Área 5","Área 10","Área 8","Área 11","Área 9","Área 1","Área 14"]
De acordo com os valores data:
[145,110,100,75,70,70,60,45,40,20],
Consegui fazer uma matriz para:
data: {labels:[MatrizSArea],
E uma outra para:
data: [MatrizSPontos],
Mas não consigo montar o gráfico, as variáreis até ficam carregadas mas não aparece de forma correta no gráfico
Segue o código:
function Mychart(){
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {labels:[MatrizSArea],
datasets: [{label: 'SITUAÇÃO CRÍTICA',
data: [MatrizSPontos],
backgroundColor: [
'rgb(255, 0, 0)',
'rgb(255, 0, 0)',
'rgb(255, 0, 0)',
'rgb(191, 143, 0)',
'rgb(191, 143, 0)',
'rgb(255, 255, 0)',
'rgb(255, 255, 0)',
'rgb(0, 176, 80)',
'rgb(0, 176, 80)',
'rgb(0, 176, 80)'
],
}]
},
options: {
title: {
display: true,
text: 'DEPARTAMENTO DE ESTAMPARIA'
},
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
}