新しいデータでチャートを絶えず更新する方法は?

コリー

APIから常にデータを取得している棒グラフを更新する適切な方法を探しています。

$http({
  method: 'GET',
  url: '/data' //getting data from API
}).then(function ( json ) {
   //chart 
}

プランカーにも同様の状況がありますが、この方法ではメモリリークが発生するのではないかと心配しており、チャートは常に点滅しています。

間隔の代わりに何を使用するかについて誰かが提案を持っていますか?または他の方法でそれを使用しますか?

ありがとう。

aendrew

そのプランカーは素晴らしいですが、問題はそれがc3.generate継続的に呼び出されることです。それがメモリリークとフラッシュを引き起こしている理由です(実行するたびに基本的に新しいC3チャートインスタンスを作成していますgenerate;それが行うのはすべて呼び出されますnew Chart(config);

あなたがする必要があるのは、コントローラーでC3をインスタンス化してから、呼び出しc3.load()$http呼び出すことです。

更新されたプランカー

キービット:

  $interval(function() {
    $http.get('chartData.json')
      .then(function(json) {
        $scope.countries = formatData(json.data); // format received data
        $scope.chart.load({json: $scope.countries, keys: { value: ['Croatia', 'Belgium', 'Argentina'] }});
      });
  }, 1000);

$interval+$httpコンボは、JSONファイルあなたしているロードがちょうどCDNのどこか(それはREST APIによってリクエストごとに生成されていた場合、あなたはどちらか絞られたり、サーバーをすすぎますよ)であること。提供、大丈夫動作するはずです $ httpのキャッシングドキュメントをご覧になることをお勧めします

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

新しいデータセットでハイチャートを更新する

分類Dev

d3チャートを新しいデータで更新する

分類Dev

Javaで絶えず更新されるファイルから新しいデータを読み取る

分類Dev

アップデートマネージャーがソフトウェアを絶えず更新している中で、Ubuntuをアップグレードすることは本当にどういう意味ですか?

分類Dev

mpAndroidチャートの新しい値で棒グラフを更新する方法

分類Dev

Angularサービスの$ http呼び出しで絶えず変化するデータを処理する方法

分類Dev

Akkahttpサーバーのディスパッチャー数は絶えず増加しています

分類Dev

絶えず更新されるc ++データをQMLに表示するにはどうすればよいですか?

分類Dev

SVMモデルを新しいデータで更新する方法

分類Dev

ハイチャート-新しいデータを表示するには、ページを更新する必要があります

分類Dev

python-絶えず変更/更新されている特定のデータについて、このWebサイトをどのように取得しますか?

分類Dev

新しいデータを更新/送信せずにデータをフェッチしようとしているのに、GraphQLがPOSTリクエストをクエリするのはなぜですか?

分類Dev

jsonデータで角度チャートを使用する方法は?

分類Dev

d3.jsチャートを更新する前にデータをきれいに削除する方法は?

分類Dev

ハイチャート-データを名前で並べ替える方法は?

分類Dev

vuejsの新しいデータでデータテーブルを更新する方法は?

分類Dev

ストアドプロシージャ=>新しいデータでテーブルを更新する

分類Dev

新しいデータ JavaScript を使用した Onclick 更新バー チャート (モリス チャート)

分類Dev

チャートに新しいyAxisデータを動的に設定する方法(highcharts + angle2(4))?

分類Dev

新しいチャートタイプをGoogleローソク足チャートに動的に追加する方法

分類Dev

PHP:データベースに絶えず追加する方法

分類Dev

APIデータを使用してReact&Chart.jsアプリでチャートを適切に更新する方法

分類Dev

角度5/6のハイチャートでデータを更新または再読み込みする方法

分類Dev

JavaScriptでテーブルデータをキャプチャしてフォーマットする方法は?

分類Dev

APIフェッチデータでチャートを初期化する方法は?

分類Dev

ハイチャート:ボタンをクリックして動的チャートを更新する方法は?

分類Dev

新しいデータベースエントリを取得するたびにページをリロードせずにhtmlを更新する方法

分類Dev

データ変更ハイチャートでデータテーブルを更新する方法

分類Dev

Pygameの減速後に両方向に絶えず加速するキャラクターを修正するにはどうすればよいですか?

Related 関連記事

  1. 1

    新しいデータセットでハイチャートを更新する

  2. 2

    d3チャートを新しいデータで更新する

  3. 3

    Javaで絶えず更新されるファイルから新しいデータを読み取る

  4. 4

    アップデートマネージャーがソフトウェアを絶えず更新している中で、Ubuntuをアップグレードすることは本当にどういう意味ですか?

  5. 5

    mpAndroidチャートの新しい値で棒グラフを更新する方法

  6. 6

    Angularサービスの$ http呼び出しで絶えず変化するデータを処理する方法

  7. 7

    Akkahttpサーバーのディスパッチャー数は絶えず増加しています

  8. 8

    絶えず更新されるc ++データをQMLに表示するにはどうすればよいですか?

  9. 9

    SVMモデルを新しいデータで更新する方法

  10. 10

    ハイチャート-新しいデータを表示するには、ページを更新する必要があります

  11. 11

    python-絶えず変更/更新されている特定のデータについて、このWebサイトをどのように取得しますか?

  12. 12

    新しいデータを更新/送信せずにデータをフェッチしようとしているのに、GraphQLがPOSTリクエストをクエリするのはなぜですか?

  13. 13

    jsonデータで角度チャートを使用する方法は?

  14. 14

    d3.jsチャートを更新する前にデータをきれいに削除する方法は?

  15. 15

    ハイチャート-データを名前で並べ替える方法は?

  16. 16

    vuejsの新しいデータでデータテーブルを更新する方法は?

  17. 17

    ストアドプロシージャ=>新しいデータでテーブルを更新する

  18. 18

    新しいデータ JavaScript を使用した Onclick 更新バー チャート (モリス チャート)

  19. 19

    チャートに新しいyAxisデータを動的に設定する方法(highcharts + angle2(4))?

  20. 20

    新しいチャートタイプをGoogleローソク足チャートに動的に追加する方法

  21. 21

    PHP:データベースに絶えず追加する方法

  22. 22

    APIデータを使用してReact&Chart.jsアプリでチャートを適切に更新する方法

  23. 23

    角度5/6のハイチャートでデータを更新または再読み込みする方法

  24. 24

    JavaScriptでテーブルデータをキャプチャしてフォーマットする方法は?

  25. 25

    APIフェッチデータでチャートを初期化する方法は?

  26. 26

    ハイチャート:ボタンをクリックして動的チャートを更新する方法は?

  27. 27

    新しいデータベースエントリを取得するたびにページをリロードせずにhtmlを更新する方法

  28. 28

    データ変更ハイチャートでデータテーブルを更新する方法

  29. 29

    Pygameの減速後に両方向に絶えず加速するキャラクターを修正するにはどうすればよいですか?

ホットタグ

アーカイブ