I intend to center the columns with the x-axis values in the highcharts charts.
I have the following code:
Highcharts.chart('container', {
chart: {
type: 'column',
options3d: {
enabled: true,
alpha: 0,
beta: 0,
viewDistance: 50,
depth: 100
}
},
title: {
text: ''
},
xAxis: {
type: 'category',
labels: {
skew3d: true,
align: 'center',
style: {
fontSize: '16px'
}
}
},
yAxis: {
allowDecimals: false,
min: 0,
title: {
text: 'Total de Denúncias',
skew3d: true,
align: 'center',
style: {
fontSize: '16px'
}
}
},
plotOptions: {
column: {
stacking: 'normal',
depth: 200,
}
},
series: series
});
The graph looks like this:
As I show in the image the dates of the x axis are misaligned with the columns generated in the series. Can they help to center with each other?