Remove bar values from graph

Question

I need to take the bar numbers off the chart I’m using, but so far I haven’t found which option I do this with. I’m using the Highcharts. Follow the image

]

Follows the code:

Highcharts.Chart({
        chart: {
            type: 'column',
            renderTo: "grafico_investimento5",
            width: 900
        },
        credits: {
            enabled: false
        },
        title: {
            text: 'Gastos Planejados & reais por Pilar'
        },
        xAxis: {
            categories:  pilares
        },
       yAxis: {
            min: 0,
            title: {
                text: 'Gastos'
            },
            stackLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                }
            }
        },
        legend: {
            align: 'right',
            x: -30,
            verticalAlign: 'top',
            y: 25,
            floating: true,
            backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
            borderColor: '#CCC',
            borderWidth: 1,
            shadow: false
        },
        tooltip: {
            headerFormat: '<b>{point.x}</b><br/>',
            pointFormat: "{series.name}: R$ {point.y:,.2f} "
        },
        plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                    style: {
                        textShadow: '0 0 3px black'
                    }
                }
            }
        },
        series:
            [{
                name: 'Valor Planejado',
                data: [
                    dados["grafico_investimento5"]["pilar"]["Sustentabilidade"]["valor_planejado"],
                    dados["grafico_investimento5"]["pilar"]["Capacitação"]["valor_planejado"],
                    dados["grafico_investimento5"]["pilar"]["Campanhas"]["valor_planejado"],
                    dados["grafico_investimento5"]["pilar"]["Influenciadores"]["valor_planejado"],
                    dados["grafico_investimento5"]["pilar"]["Superação"]["valor_planejado"],
                    dados["grafico_investimento5"]["pilar"]["Geração de Demanda"]["valor_planejado"],
                    dados["grafico_investimento5"]["pilar"]["Ações fora da Cadeia"]["valor_planejado"],
                ]
            }, {
                name: 'Valor Real',
                data: [
                    dados["grafico_investimento5"]["pilar"]["Sustentabilidade"]["valor_real"],
                    dados["grafico_investimento5"]["pilar"]["Capacitação"]["valor_real"],
                    dados["grafico_investimento5"]["pilar"]["Campanhas"]["valor_real"],
                    dados["grafico_investimento5"]["pilar"]["Influenciadores"]["valor_real"],
                    dados["grafico_investimento5"]["pilar"]["Superação"]["valor_real"],
                    dados["grafico_investimento5"]["pilar"]["Geração de Demanda"]["valor_real"],
                    dados["grafico_investimento5"]["pilar"]["Ações fora da Cadeia"]["valor_real"],
                ]
            }]
    });
    dados_grafico_investimento5 = chart3.getCSV();

I’d like to take those numbers off the bar.

Answer 1

If to take the numbers off the top of the bar, change

stackLabels: {
   enabled: true,
   style: {
      fontWeight: 'bold',
      color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
   }
}

for

stackLabels: {
   enabled: false
}

If you want to take out the numbers that appear in the individual sections, just do the same by changing the dataLabels thus:

dataLabels: {
   enabled: false
}

Official demo of Highcharts on JS Fiddle

Now the same demo without the above items, as explained in the reply.

And now, with no number, disabling the dataLabels with the same logic.