私のグラフはサーバーからデータを取得し、タイムサーバー * 1000 をタイム js に変換します。そしてここに私のグラフ
http://awesomescreenshot.com/03f1ft5k72
ポイントは列の日付と一致しません。列の日付と一致することを示すには、各値に + 25 000 000 を追加する必要があります。なぜこれが起こるのか、私は flot が初めてです。あなたの経験を教えてください。
var d_register = #{ @total.map{ |t| [t.date.to_time.to_i * 1000 , t.register] } };
// must add 25 000 000 to it for correct position point.
// var d_register = #{ @total.map{ |t| [t.date.to_time.to_i * 1000 + 25000000, t.register] } };
var curr = new Date(#{Date.current.to_time.to_i * 1000}); // get current date
define_flot();
function define_flot(){
var first = new Date(curr.getTime() - curr.getDay() * 24 * 60 * 60 * 1000);
var last = new Date(first.getTime() + 7 * 24 * 60 * 60 * 1000);
$(".week-time").text(
(first.getMonth() + 1) + '/' +
first.getDate() + '/' +
first.getFullYear() + ' - ' +
(last.getMonth() + 1) + '/' +
last.getDate() + '/' +
last.getFullYear() );
var first_day_in_week = first.getTime();
var last_day_in_week = last.getTime();
$.plot("#placeholder", [ d_register ], {
yaxis: {
tickDecimals: 0
},
xaxis: {
mode: "time",
minTickSize: [1, "day"],
min: first_day_in_week,
max: last_day_in_week,
timeformat: "%a"
}
});
}
データレジスタ:
[[1370710800000、1]、[1370797200000、7]、[137083600000、1]、[1371056400000、0]、[1371142800000、0]、[1371747600000、0]、[1371834000000、0]、[1371920400000]、 1372006800000、0]、[1372093200000、0]、[1372179600000、0]]
+ 25000000 後の data_register:
[[1370735800000、1]、[13708222200000、7]、[1370908600000、1]、[1371081400000、0]、[1371167800000、0]、[137172600000、0]、[1371859000]、[13719455000]、[137185900000]、[137185900000]、 1372031800000、0]、[1372118200000、0]、[1372204600000、0]]