web-dev-qa-db-ja.com

jQueryFlot表示での日付の使用

Flotを使用して日付付きのグラフをプロットしようとしています。私はこの文字列に関するアドバイスに従いました： ここ しかし、それは私にとってはうまくいかないようです。これが私の変更されたJavaScriptです（他の質問から）：

$(document).ready(function () {

    var d1 = [[1262818800,100],[1262732400,100],[1262646000,100]]; 

    var d2 = [[1262818800,23],[1262732400,23],[1262646000,23]];

    $.plot($("#placeholder"), [{data:d1,lines:{show: true},label:"Mountain"},{data:d2,lines:{show: true},label:"Valley"}],{yaxis: {label:"cm"}},
    {xaxis: 
      {mode:"time",
      timeformat: "%M:%S"
 }
    });

});

グラフを取得しましたが、x軸が日付に変換されず、x軸の値がデータ変数の値と一致していません。各データポイントに1000を掛けて、Javascriptタイムスタンプに変換しようとしたこともありますが、それも役に立ちませんでした。それが問題だった場合に備えて、次のtimeformat変数も試しました。

"%M:%S", "%H:%S", "%y,%m,%d"

しかし、運がありません。何か案は？

jquerydatetimestampflot
16
tchaymore

1000に乗算して、次を使用する必要があります。

xaxis: {
      mode: "time"
  }

私はこの方法でテストしました。必要に応じて、完全なコードを投稿できます。

これは、赤ちゃんの身長と体重を測定するために浮き輪を使用することについての小さなイタリアの投稿です。

プロジェクトコードは ここ からダウンロードできます。

それを解凍し、ファイルpeso_giulia.htmlを開きます。ここでは、d3シリーズを見つけることができます。

あなたはラインを置き換えることができます

,[(new Date("2009/12/29")).getTime(),67]

タイムスタンプバージョン付き

,[(1282688250 * 1000), 100]
27
Impiastro