Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia
Não consigo inserir valor na coluna dentro do gráfico.
Segue o código que estou utilizando para montar o gráfico:
Na linha aonde esta indicado o animation é o meu problema.
Não sei o que esta acontecendo, os valores não ficam parados e quando passo o mouse por cima começa a piscar e some.
Pode dar me ajudar.
function Mychart(){
Padrao_de_Cores();
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels:MatrizSArea,
datasets: [{label:"Área(s) - AA",
//data: MatrizSPontos,
data: MatriszCor1,
backgroundColor:'rgb(255, 0, 0)',
},{
label:"Área(s) - A",
//data: MatrizSPontos,
data: MatriszCor2,
backgroundColor:'rgb(191, 143, 0)',
},{
label:"Área(s) - B",
//data: MatrizSPontos,
data: MatriszCor3,
backgroundColor:'rgb(255, 255, 0)',
},{
label:"Área(s) - C",
//data: MatrizSPontos,
data: MatriszCor4,
backgroundColor:'rgb(0, 176, 80)',
}],
},
options: {
title:{
display:true,
text:$('#Depto').val(),
},
tooltips: {
mode: 'index',
intersect: false
},
responsive: true,
scales: {
xAxes: [{
stacked: true,
}],
yAxes: [{
stacked: true,
ticks: {
beginAtZero:true,
bounds:false,
}
}]
}
animation: {
duration: 1,
onComplete: function() {
var ctx = this.chart.ctx;
ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontFamily, 'normal', Chart.defaults.global.defaultFontFamily);
ctx.textAlign = 'center';
ctx.fillStyle = 'black';
this.data.datasets.forEach(function(dataset) {
for (var i = 0; i < dataset.data.length; i++) {
var model = dataset._meta[0].data[i]._model;
ctx.fillText(dataset.data[i], model.x, model.y - 2);
}
});
}
}
}
});
}
Carregando comentários...