4

Flotで株価データをグラフ化しています。1日をグラフにするとうまくいきます。同じグラフで 2 日以上をグラフ化すると、1 日目の終わりと 2 日目の始まりの間に長い線が表示されます。

正しくは、Flot にはデータが表示されず (市場は終了)、新しい日の始まりに線を引くだけです。

Flot が市場のクローズ (東部標準時の午後 4 時) と市場のオープン (東部標準時の午前 9 時 30 分) の間の時間を無視するようにするにはどうすればよいですか?

添付画像:フロット グラフ

私のプロットデータは次のとおりです。

$(function () {
    $.plot($("#placeholder"),
[ { data: [[1355131782000000, "2.95"], [1355132082000000, "2.99"], [1355132382000000, "2.97"], [1355132682000000, "2.9699"], [1355132982000000, "2.955"], [1355133282000000, "2.92"], [1355133582000000, "2.91"], [1355133882000000, "2.95"], [1355134182000000, "2.94"], [1355134482000000, "2.935"], [1355134782000000, "2.92"], [1355135082000000, "2.92"], [1355135382000000, "2.91"], [1355135682000000, "2.9"], [1355135982000000, "2.8901"], [1355136282000000, "2.865"], [1355136582000000, "2.92"], [1355136882000000, "2.945"], [1355137182000000, "2.95"], [1355137482000000, "2.925"], [1355137782000000, "2.92"], [1355138082000000, "2.925"], [1355138382000000, "2.92"], [1355138682000000, "2.92"], [1355138982000000, "2.93"], [1355139282000000, "2.9201"], [1355139582000000, "2.93"], [1355139882000000, "2.925"], [1355140182000000, "2.9115"], [1355140482000000, "2.92"], [1355140782000000, "2.91"], [1355141082000000, "2.92"], [1355141382000000, "2.91"], [1355141682000000, "2.91"], [1355141982000000, "2.915"], [1355142282000000, "2.915"], [1355142582000000, "2.91"], [1355142882000000, "2.905"], [1355143182000000, "2.9"], [1355143482000000, "2.9"], [1355143782000000, "2.89"], [1355144382000000, "2.885"], [1355144682000000, "2.88"], [1355144982000000, "2.89"], [1355145282000000, "2.89"], [1355145582000000, "2.89"], [1355145882000000, "2.89"], [1355146182000000, "2.88"], [1355146482000000, "2.885"], [1355146782000000, "2.89"], [1355147082000000, "2.89"], [1355147382000000, "2.88"], [1355147682000000, "2.88"], [1355147982000000, "2.89"], [1355148282000000, "2.89"], [1355148582000000, "2.88"], [1355148882000000, "2.88"], [1355149182000000, "2.9"], [1355149482000000, "2.9"], [1355149782000000, "2.89"], [1355150382000000, "2.9"], [1355150682000000, "2.91"], [1355150982000000, "2.9"], [1355151282000000, "2.91"], [1355151582000000, "2.9001"], [1355151882000000, "2.905"], [1355152182000000, "2.9015"], [1355152482000000, "2.9"], [1355152782000000, "2.96"], [1355153082000000, "3.0"], [1355153382000000, "3.01"], [1355153682000000, "3.005"], [1355153982000000, "3.005"], [1355154282000000, "3.01"], [1355154582000000, "3.01"], [1355154882000000, "3.02"], [1355155182000000, "3.02"]] } ],
{ xaxes: [ { mode: 'time', 
             twelveHourClock: true,
             timeformat: "%H:%M%p"} ],
  yaxes: [  ] })
});

新しいグラフで更新（回答ごと）： ここに画像の説明を入力

これは私が望むものではありません。私は基本的に市場のクローズとオープンの間でグラフを折りたたみたいと思っています。大きなギャップは見たくない…

4

1 に答える 1

3

x 軸の値がギャップ内に収まり、y 軸の値が null である疑似データ ポイントを追加して、不連続性を作成します。

詳細については、API ドキュメントのデータ形式セクションを参照してください。

編集:実際に軸を折りたたんで利用可能なデータのみを表示するには、時間モードを使用しないでください。値が単調に増加していない場合、実際には時間が表示されていません。代わりに、利用可能なデータに基づいて x 軸の目盛りの配列を手動で指定する必要があります。

于 2012-12-15T12:20:41.590 に答える