In the Range selecter input fields, I can verify the actually selected dates. However, from the two xAxis labels, I can never get a true representation of those data?
I am playing with the following code:
Code: Select all
xAxis:
[{
currentDateIndicator: {
label: {
format: 'Today (%b %d, %Y)',
y: -100, align: 'center', verticalAlign: 'top',
},
},
min: today.getTime() - (10 * day),
max: today.getTime() + (45 * day),
grid: {
cellHeight: 30,
},
labels: {
y:-25,
format: '{value}',
formatter() {
const unitName = this.tickPositionInfo.unitName;
const format = unitName === 'day' ? '%d' : this.dateTimeLabelFormat;
return Highcharts.dateFormat(format, this.value )
},
},
},
{
grid: {
cellHeight: 30,
},
labels: {
formatter() {
return Highcharts.dateFormat(this.dateTimeLabelFormat + '', this.value )
},
},
}],