javascript - echarts：通过动画响应

Question

我构建了一个改变位置和大小的动画，并将使用 echarts 创建的图表放置在其中。但我不知道如何让它响应式地工作。

・我尝试了什么

我参考 Echarts 官方文档编写了 resize 函数。

https://echarts.apache.org/en/api.html#echartsInstance.resize

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

图表通过感应窗口大小而不是动画来调整大小。如何通过动画更改图表大小？

・完整代码如下

https://codesandbox.io/s/echarts-test-3vg2t?file=/src/chart.js

标签： javascripthtmlcssreactjsecharts