2015-11-13 202 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