Remove Shadow by Hovering the Highcharts Chart Column

1

I can not identify why this "shadow" is appearing, the risk when I move the mouse on the graph, this happens with all others that are 3D. Here is the code and image of what is happening:

function geraColunasSimples(idChart, jsonCategories, yTitle, title,  seriesName, jsonData) {

setOptionsChart();

var coluna = Highcharts.chart(idChart, {
    chart: {
        type: 'column',
        plotShadow: false,
        options3d: {
            enabled: true,
            alpha: 0,
            beta: 0,
            depth: 20
        },
        style: {
            fontFamily: 'Helvetica'
        }
    },
    xAxis: {
        categories: jsonCategories,
        crosshair: true,
    },
    yAxis: {
        min: 0,
        title: {
            text: yTitle
        }
    },
    tooltip: {
        shadow: false,
        headerFormat: '<span style=\"font-size:10px\">{point.key}</span><table>',
        pointFormat: '<tr><td style=\"color:{series.color};padding:0\">{series.name}: </td>' + '<td style=\"padding:0\"><b> {point.y} </b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },
    title: {
        text: title
    },
    credits: {
        enabled: false
    },
    plotOptions: {
        states: {
            hover: {
                enabled: false
            }
        },
        column: {
            depth: 25,
            edgeWidth: 0.4,
            edgeColor: '#fff',
            cursor: 'pointer'       
        },
        series:{
            colorByPoint: true,
            allowPointSelect: true,
            point:{
                events:{
                    click: function(e) {
                        //alert(this.category + ' selecionado!');
                    }
                }
            }
        }
    },
    series: [{
        name: seriesName,
        data: jsonData
    }]
});

return coluna;
}

    
asked by anonymous 23.08.2018 / 16:04

0 answers