window.onresizeが効かない

Question

位置と大きさを変更できるアニメーションを作り、その中にEchartsで描写したグラフを配置しました。アニメーションと連動してグラフのサイズも変更したいのでwindow.onresizseを書きましたがうまく機能しません。

  window.onresize = function () {
  myChart.resize();
  })

ウィンドウ幅の変更は感知してくれますが、アニメーションによるサイズ変更ができません。何がいけないのでしょうか。解決方法があればご教授願いたいです。

■コード全文
https://codesandbox.io/s/echarts-test-3vg2t

Answer 1

      onclick = function () {
        myChart.resize();
      };

で解決しました。

Answer 2

ウィンドウ幅の変更は感知してくれますが、アニメーションによるサイズ変更ができません

window.onresizeはウィンドウ幅（＆高さ）の変更時にしか反応しないので、「アニメーション」側のコードで（終了時のイベント等で）リサイズを実行しましょう。