Version

5.3.2

Link to Minimal Reproduction

No response

Steps to Reproduce

-Create a Geo Map
-Display it

ChartOptions: any = {
// backgroundColor: '#000',
title: {
text: '',
left: 'center',
textStyle: {
color: '#2a333d'
}
},
geo: {
map: 'world',
roam: true,
label: {
emphasis: {
show: false,
}
},
silent: true,
itemStyle: {
normal: {
borderColor: ' #111 '
},
emphasis: {
areaColor: '#2a333d'
},
},
},
series: [
{
type: 'scatter',
progressive: 1e6,
coordinateSystem: 'geo',
symbolSize: '15',
zoomScale: 0.222,
blendMode: 'source-over',
large: true,
postEffect: {
enable: true
},
dimensions: ['lng', 'lat'],
silent: true,
data: []
}
],
};

this.client.get("/assets/worldmap.json").subscribe((data: any) => {
  var worldMap = echarts.getMap('world');
  if (worldMap == null) {
    echarts.registerMap('world', data);
  }
  this.LoadData();
});

-In load Data
this.ChartOptions.series[0].data.push(item);

if (this.ChartInstance) {
this.ChartInstance.setOption(this.ChartOptions);
}

-Html

<div echarts [options]="ChartOptions" [theme]="Theme" class="chart" *ngIf="ChartOptions" style="height:100%; width:100%" (chartInit)="OnChartInit($event)"></div>

Current Behavior

A console error appears and the map does not whereas it was working fine for almost a year and suddenly stopped

Expected Behavior

the map to appear

Environment

- OS: Windows 
- Browser: Chrome
- Framework:Angular

Any additional comments?

No response