16

Flot を使用して、日付を含むグラフをプロットしようとしています。私はこの文字列に関するアドバイスに従いました: here ですが、うまくいかないようです。これが私の修正された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"

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

4

1 に答える 1

28

1000に掛けて、次を使用する必要があります。

xaxis: {
      mode: "time"
  }

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

これは、フロットを使用して赤ちゃんの身長と体重を測定することについての小さなイタリア語の投稿です。

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

それを解凍し、ファイルpeso_giulia.htmlを開きます。ここにd3シリーズがあります。

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

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

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

,[(1282688250 * 1000), 100]
于 2010-08-24T22:27:18.370 に答える