在highchart中格式化日期時間軸？

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功能，以指定要顯示爲x軸的標籤到底是什麼：

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。

編輯：

如果你每月的第一天不從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。