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