Montar labels e dados dinamicamente em um gr�fico

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

Curtir t�pico + 0

Responder