Ngx-Echarts 动画最初不起作用

Question

我在我的角度应用程序中使用 ngx echarts，但在图表的初始加载期间我无法让动画工作。我附上了一个示例 Stackblitz，您可以在其中观察到在初始加载时，条形渲染速度更快，而当使用图例切换时，会发生实际的动画。

任何人都可以帮助我朝正确的方向指出我做错了什么吗？

HTML：

<div echarts [options]="options"></div>

Ts 选项对象

{
  xAxis: {
    data: xAxisData,
  },
  legend: {},
  yAxis: {},
  series: [
    {
      name: 'bar',
      type: 'bar',
      barCategoryGap: '0%',
      data: data1,
      animationDuration: 5000,
    },
    {
      name: 'bar1',
      type: 'bar',
      barCategoryGap: '0%',
      data: data2,
      animationDuration: 3000,
    },
  ],
}

Answer 1

我不久前遇到了同样的错误，只有当你有

[autoResize] = true

时才会发生（默认情况下为 true）。因此，您必须显式禁用它并以其他方式处理调整大小。