Формат оси datetime в высоких диаграммах?

Question

http://jsfiddle.net/LLExL/4537/

Can anyone please help with this date time axis formatting on highcharts. 
I want Xaxis to show month only once unless the new month begins. 
Like 29 April 30 1 May 2 3 4 5 
Any help would be highly appreciated 

Answer 1

Вы можете использовать функцию xAxis.labels.formatter, чтобы точно определить, что вы хотите, чтобы показать, как XAxis этикетки:

labels: { 
    formatter: function() { 
     var date = new Date(this.value); 
     var month = date.toDateString().substring(4,7); 
     var day = date.getDate(); 

     if(this.isFirst || day == 1) 
      return day + '. ' + month; 

     return day; 
    } 
} 

Вот DEMO.

EDIT:

И если ваш первый день каждого месяца начинается не с 1, вы можете изменить свой код так:

labels: { 
    formatter: function() { 
     var dateArray = this.axis.series[0].xData; 
     var previousDate = new Date(dateArray[dateArray.indexOf(this.value) - 1]); 
     var date = new Date(this.value); 
     var month = date.toDateString().substring(4,7); 
     var previousMonth = previousDate.toDateString().substring(4,7); 
     var day = date.getDate(); 

     if(this.isFirst || (previousMonth != month)) 
      return day + '. ' + month; 

     return day; 
    } 
} 

Таким образом, вы можете проверить предыдущий пункт, и если их месяц не совпал, вы можете вернуться день и месяц. Еще один день. Вот DEMO.