echarts line + area buggy scale

Question

我在同一个图表中使用了一条线和一个区域，并且我有一个更改数据源的按钮，当我按下按钮时有时比例是错误的，数据是好的但显示的区域被切掉了一些零件或它在不应该显示的彩色区域，这是非常随机的，我无法找出一个 100% 重现该错误的场景。

事情是这样发展的：我正在使用 Angular 和 ngx-echarts 包装器，每次更新图表时都会发送 2 个异步请求，并且在收到每个响应后图表都会更新，这是我用来更新图表选项：

this.chartOptions.series[serieIndex].data = response
this.chartOptions = {...this.chartOptions};

我尝试获取 chartInstance 并在 notMerge 设置为 true 的情况下调用 setOptions 但徒劳无功。

Answer 1

通过在分配新系列之前清除系列数据来解决。我没有深入了解它是 echarts 中的 setter 还是 ngx-echarts 中的其他东西，但这解决了我的问题，我对此很满意，这对我有用：

this.chartOptions.series[serieIndex].data = [...response];
this.chartOptions = {...this.chartOptions};

或者你也可以这样写：

this.chartOptions.series[serieIndex].data = [];
this.chartOptions.series[serieIndex].data = response;
this.chartOptions = {...this.chartOptions};