1. ホーム
  2. JQuery

echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。

2022-02-10 17:38:09

<スパン 1. エラーの内容

     グーグルクローム


<スパン       ファイアフォックス


TypeError: Cannot read property 'getAttribute' of null
    at Object.s.init (echarts-all.js:1)
    at buildChart (map.js:720)
    at b.$scope.queryChart (map.js:138)
    at map.js:175
    at angular.min.js:146
    at e (angular.min.js:43)
    at angular.min.js:45



<スパン 2. エラーの理由

<スパン      echartsで円グラフを書く場合、データソースの生成に乱数を使用し、タイマーで一定時間ごとにグラフを更新してください。

window.setInterval(randomData(),1000);

     しかし、円グラフコンテナを再取得すると、このエラーが発生します。

     echarts のグラフ ID はバックエンドから転送され、グラフデータと一緒に渡されるため、グラフコンテナはまだ生成されていないようですが、データはすでにここにあるため、この問題が発生します:グラフコンテナが見つかりません。


<スパン 3. ソリューション 

(1) グラフデータとグラフIDを一緒に転送する場合、まずグラフコンテナが既に存在することを確認し、その後グラフを生成する。グラフデータを遅延させるためにタイマーを使用することができる

(2) グラフデータとグラフIDを2つのリクエストインターフェイスに分割し、別々に同期させ、先にグラフコンテナが存在することを確認してから、グラフを生成することができる