2015-11-13 236 views
-1

嗨,我有Highchart像某些類別:轉換日期格式

Categories:["2015-10-31", "2015-11-04", "2015-11-12", "2015-11-03", "2015-11-11", "2015-11-02", "2015-11-01", "2015-11-13"] 

其顯示在x軸上,但我想改變日期格式是這樣的:

年10月31年11月11月4日12 nov 3,nov 11有些事情是這樣的格式

我該如何實現這樣的 如果任何人可以幫助我請幫助我無法得到解決方案。

在此先感謝

回答

1

使用格式化方法:http://api.highcharts.com/highcharts#xAxis.labels.formatter

例子:

$(function() { 
 
    var months = [ 
 
     'Jan', 
 
     'Feb', 
 
     'Mar', 
 
     'Apr', 
 
     'May', 
 
     'Jun', 
 
     'Jul', 
 
     'Aug', 
 
     'Sep', 
 
     'Oct', 
 
     'Nov', 
 
     'Dec' 
 
    ]; 
 
    $('#container').highcharts({ 
 

 
     title: { 
 
      text: 'Example' 
 
     }, 
 

 
     xAxis: { 
 
      categories: ["2015-10-31", "2015-11-04", "2015-11-12"], 
 

 
      labels: { 
 
       formatter: function() { 
 
        var date = new Date(this.value); 
 
        return months[date.getMonth()] + ' ' + date.getDate(); 
 
       } 
 
      } 
 
     }, 
 

 
     series: [{ 
 
      data: [1, 2, 3] 
 
     }] 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<script src="https://code.highcharts.com/highcharts.js"></script> 
 

 
<div id="container" style="height: 400px; width: 500px"></div>

1

你可以做

"xAxis": { 
        "type": "datetime", 
         "labels": { 
         "format": "{value:%b %d}" 
        }, 
        categories:["2015-10-31", "2015-11-04", "2015-11-12", "2015-11-03", "2015-11-11", "2015-11-02", "2015-11-01", "2015-11-13"] 

     }; 

http://api.highcharts.com/highcharts#Highcharts.dateFormat

+0

哪裏會放置ctrgories? –

+0

你早點把它放在哪裏? – void

+0

檢查更新後的答案.. – void