我用 Highcharts 制作了一个图表,该图表是从 JSON 加载的。
虽然我对处理 JSON 文件有点陌生......
我希望 Highcharts 在 xAxis 的标签上显示日期(格式:YYYY/MM/DD 即 2013/04/01)。
据我所知,因为我不能用 JSON 写这样的东西,
"pointStart": [Date.UTC(2013, 4, 1)]
我写了毫秒。
我的 JSON:
[
{
"yAxis": 0,
"type": "column",
"name": "Y label",
"data": [0,0,153,179,122,126,120,101,110,95,142,88,82,92,115,101,141,162,0,0,0,0,0,7,6,0,10,0,9,4,56,86,66,61,87,72,74,60,83,74,50,73,61,56,90,78],
"pointStart": 1364774400000,
"pointInterval": 86400000
},{
"yAxis": 1,
"type": "line",
"name": "Y label 2",
"color": "#AA4643",
"data": [4980,4572,5554,6147,5268,5221,5263,5084,4906,5000,5198,4777,4790,4549,4158,4294,4891,4689,4432,3925,3708,3723,3623,3831,3787,4353,4809,5046,4989,4815,4315,4556,4502,4725,4537,4540,4654,4367,4589,4874,4837,5032,5046,4633,4561,4576],
"pointStart": 1364774400000,
"pointInterval": 86400000
}
]
还有我的 javascript:
var options = {
chart: {
renderTo: 'container'
},
title: {
text: ''
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%Y/%m/%d'
},
labels: {
rotation: -45,
align: 'right',
formatter: function() {
return Highcharts.dateFormat('%Y/%m/%d', this.x); //this returns invalid date.
}
},
title: {
text: ''
}
},
...
$.getJSON('test.json', function(data) {
options.series = data;
chart = new Highcharts.Chart(options);
});
这会invalid date
在 xAxis 标签上产生。
但是如果我删除这部分
formatter: function() {
return Highcharts.dateFormat('%Y/%m/%d', this.x);
}
不返回错误,但结果是1. Apr
我不想显示的:(
有什么解决办法吗?
谢谢你。