我有一个工作线和条形图,但在xAxis上正确格式化日期时遇到问题。我确实环顾四周,但无法找到使用我需要的相同日期格式的任何线条图示例。
以下是我的json存储为变量的内容:
var data = [{
"key": "Cases",
"bar": true,
"color": "skyblue",
"values": [
[2016-01-01, 13],
[2016-01-02, 17],
[2016-01-03, 19],
[2016-01-04, 39],
[2016-01-05, 46],
[2016-01-06, 34],
[2016-01-07, 36],
[2016-01-08, 32]
]
},
{
"key": "CSAT",
"color": "steelblue",
"values": [
[2016-01-01, 9],
[2016-01-02, 7],
[2016-01-03, 10],
[2016-01-04, 10],
[2016-01-05, 8],
[2016-01-06, 9],
[2016-01-07, 10],
[2016-01-08, 10]
]
}
];
我认为这部分代码需要审核:
chart.xAxis.showMaxMin(true)
.tickFormat(function (d) {
var dx = data[0].values[d] && data[0].values[d][0] || 0;
return d3.time.format('%Y-%d-%m')(new Date(dx));
});
此代码最初是以epoch / unix格式编写的,但是,我的json具有不同的日期格式 - 它看起来像2016-01-01 %Y-%d-%m
。
您可以在此处查看整个图表代码:http://jsfiddle.net/pty79q2z/
提前感谢!