Montar labels e dados dinamicamente em um gráfico

JavaScript

22/03/2018

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
                }
            }]
        }
    }
});
Valdecir Renkaveski

Valdecir Renkaveski

Curtidas 0
POSTAR