echarts line + area buggy scale

Question

我在同一个图表中使用一条线和一个区域，我有一个按钮可以更改数据源，当我按下按钮时有时比例不对，数据很好但显示的区域被切割了在某些部分或者它显示了一个不应该出现的彩色区域，这是非常随机的，我无法想出一个 100% 重现该错误的场景。

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

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

我尝试获取 chartInstance 并调用 setOptions 并将 notMerge 设置为 true 但没有成功。

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};

echarts