I am using highcharts in my projects and it shows me date twice in the x-axis, How can I remove it and get only 1 Date in the x-axis.
Here is the snapshot of how it looks like right now
How can I get rid of the double date display.
EDIT: Adding the options for the chart
These are the options I am using
chart: {
renderTo: divId,
type: 'column'
},
title: {
text: chartTitle
},
tooltip: {
shared: true
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
style: {
textShadow: '0 0 3px black, 0 0 3px black'
}
}
}
},
xAxis: {
type: 'datetime',
labels: {
format: '{value:%Y-%m-%d}',
rotation: 45,
align: 'left'
},
title: {
text: 'Date'
}
},
yAxis: {
min: 0,
title: {
text: ''
},
max: 1440,
stackLabels: {
enabled: false
}
},
legend: {
backgroundColor: 'rgba(211,223,181,0.6)',
layout: 'vertical',
align: 'left', verticalAlign: 'top',
floating: true,
borderWidth: 0, x: 70
}