Remove values from the graph bars

1

I need to get the bar numbers of the graph I'm using, but so far I have not figured out which option I'm going to do. I'm using Highcharts . Follow the image

]

Followthecode:

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 would like to take those numbers off the bar.

    
asked by anonymous 16.07.2016 / 22:05

1 answer

2

If you want to remove the numbers from the top of the bar, change

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

by

stackLabels: {
   enabled: false
}

If you want to get the numbers that appear in the individual sections, just do the same by changing the dataLabels part like this:

dataLabels: {
   enabled: false
}

Official Highcharts demo on JS Fiddle

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

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

    
16.07.2016 / 22:36