Ocultar valore em gráfico de barras

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

				}]
			},

		}

	});

}

[M6]

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

[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?

[M6]

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

[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?

[M6]

Assim pelo nome dos ficheiros não.