JavaScript チャート - データポイントを動的に追加する

Question

AJAX で受信したデータの結果としてデータ ポイントを jqplot に動的に追加しようとしていますが、これを実現する方法がわかりません。これは不可能ですか?

そうでない場合、同じ基本的なグラフ作成を実行でき、さらに動的データを許可できる他のパッケージは何ですか?

Answer 1

これがどのように処理されるかについては、以下の例を確認してください。 フロート. 。Flot は、以下に基づくオープンソースのプロット ライブラリです。 jQuery, 、 のように jqplot. 。どちらのライブラリも非常によく似ています。

AJAX を使用してデータを取得してプロットするコードは次のようになります。

function fetchData() {
   $.ajax({
      url:      "json_fetch_new_data.php",
      method:   "GET",
      dataType: "json",
      success:  function(series) {
         var data = [ series ];

         $.plot($("#placeholder"), data, options);
      }
   });

   setTimeout(fetchData, 1000);
}

実際の動作を確認するには、次のデモを必ずチェックしてください。

• フロートの例 - AJAX を使用したグラフの更新

フロートの詳細については、次を参照してください。

• フロートプロジェクトサイト
• フロートの例
• 他のフロートの例