最初の x 軸の目盛りがずれている (チャートの境界線の外側にオーバーフローしている) 時系列のjQuery フロートチャートがあります。グラフには、日付を示すカスタム ティックがあります。
var options = {
xaxis: {
mode: "time",
timeformat: "%Y-%m-%d",
ticks: [1372636800000, 1372723200000, 1372809600000]
},
yaxis: {
tickLength: 0
},
legend: {
show: false
}
};
var readings = [
{
"label": "Trend 1",
"data": [
[
1372636800000, //Mon, 01 Jul 2013 00:00:00 UTC
2.65
],
[
1372723200000, //Tue, 02 Jul 2013 00:00:00 UTC
0.13
],
[
1372809600000, //Wed, 03 Jul 2013 00:00:00 UTC
0.51
]
]
},
{
"label": "Trend 2",
"data": [
[
1372636800000, //Mon, 01 Jul 2013 00:00:00 UTC
2.19
],
[
1372723200000, //Tue, 02 Jul 2013 00:00:00 UTC
1.56
],
[
1372809600000, //Wed, 03 Jul 2013 00:00:00 UTC
1.42
],
]
}
]
$(function () {
$.plot($("#chart"), readings, options);
});
私の知る限り、タイムスタンプは UTC YYYY-MM-DD 00:00:00 を正しく表しています。
ズレの原因は?これを修正するにはどうすればよいですか?