Ir para o conteúdo
Valdecir

Ocultar valore em gráfico de barras

Mensagens Recomendadas

Valdecir

Criei um gráfico de barra, mas quando clico na legenda a coluna some mas os valores não.

 

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,
					},

				}]
			},

		}

	});

}

 

 

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
M6

Tens de ler a documentação da bilbioteca que estás a usar.


10 REM Generation 48K!
20 INPUT "URL:", A$
30 IF A$(1 TO 4) = "HTTP" THEN PRINT "400 Bad Request": GOTO 50
40 PRINT "404 Not Found"
50 PRINT "./M6 @ Portugal a Programar."

 

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Valdecir
Em 07/09/2018 às 05:47, M6 disse:

Tens de ler a documentação da bilbioteca que estás a usar.

Mas não encontrei nada que ajudasse.

Você teria uma saída para este problema?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
M6

Já verificaste se é um bug e se a biblioteca tem uma versão mais recente com essa questão resolvida?


10 REM Generation 48K!
20 INPUT "URL:", A$
30 IF A$(1 TO 4) = "HTTP" THEN PRINT "400 Bad Request": GOTO 50
40 PRINT "404 Not Found"
50 PRINT "./M6 @ Portugal a Programar."

 

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Valdecir
Em 12/09/2018 às 11:04, M6 disse:

Já verificaste se é um bug e se a biblioteca tem uma versão mais recente com essa questão resolvida?

Eu utilizo estas bibliotecas para a configuração dos indicadores:

<script type="text/javascript" src="../SiteAssets/js/Form/Chart.js"></script>

<script type="text/javascript" src="../SiteAssets/js/Form/Chart.min.js">

<script type="text/javascript" src="../SiteAssets/js/Library/chartjs-plugin-datalabels.js"></script>

<script type="text/javascript" src="../SiteAssets/js/Library/chartjs-plugin-datalabels.min.js"></script>

 

Você conhece alguma delas?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
M6

Assim pelo nome dos ficheiros não.


10 REM Generation 48K!
20 INPUT "URL:", A$
30 IF A$(1 TO 4) = "HTTP" THEN PRINT "400 Bad Request": GOTO 50
40 PRINT "404 Not Found"
50 PRINT "./M6 @ Portugal a Programar."

 

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.