Ir para conteúdo
Fórum Script Brasil
  • 0

Quando clico na legenda os valores não saem


valdecirrk

Pergunta

Criei um gráfico de coluna, e depois que eu clico na legenda os valores não saem.

Segue a foto do indicador.

image.png.673014efe66a60781214bc4e0a8b1773.png

 

 

Segue o código para análise:

function ChartQuantMes() {

	StatusMesGT.length = 0;
	StatusMesG.length = 0;
	CarregarQuantMes();

	var chttT = document.getElementById("myChartQuantMes");
	var ctx100 = chttT.getContext("2d");

	window.myChartQuantMes = new Chart(ctx100, {
		type: 'bar',
		data: {
			labels: ['JAN', 'FEV', 'MAR', 'ABR', 'MAI', 'JUN', 'JUL', 'AGO', 'SET', 'OUT', 'NOV', 'DEZ'],
			datasets: [
				{
					label: 'Etiqueta',
					data: StatusMesG,
					backgroundColor: '#1E90FF',
					
				},
				{
					label: 'Cartão',
					data: StatusMesGT,
					backgroundColor: '#ADD8E6',
					
				}],
		},

		options: {

			plugins: {
				datalabels: {
					anchor: function (context) {
						var value = context.dataset.data[context.dataIndex];
						return value > 1 ? 'end' : 'end';
					},
					align: function (context) {
						if (context.dataset.label == "Etiqueta") {
							var value = context.dataset.data[context.dataIndex];
							return value > 1 ? 'end' : 'end';
						} else {
							var value = context.dataset.data[context.dataIndex];
							return value > 1 ? 'end' : 'end';
						}
					},
					color: function (context) {
						var value = context.dataset.data[context.dataIndex];
						return value.v < 50 ? context.dataset.backgroundColor : 'black';
					},
					font: function (context) {
						var width = context.dataset.data;
						return { size: 18 };
					},

				},
			},
			responsive: true,
			title: {
				display: true,
				text: "Quantidade Mensal de Etiquetas / Cartão - Depto " + $('#Depto').val(),
				lineHeight: '5',
				fontSize: 20,
			},

			responsive: true,

			legend: {
				display: true,
				position: 'bottom'
			},

			scaleShowHorizintalLines: false,

			scales: {
				xAxes: [{
					stacked: false,

					display: true,
				}],

				yAxes: [{
					stacked: false,
					ticks: {
						beginAtZero: false,
						bounds: false,
						display: false,
						mirror: true,
						max: MatrizC1 + 10,
					},

					gridLines: {
						display: false,
					},

				}]
			},

		}

	});

}

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...