Amcharts angular universal

declare var require: any;

@Component({...})
export class MapComponent implements OnInit, OnDestroy {

  private chart;
  isBrowser: boolean

  constructor(
    @Inject(PLATFORM_ID) private platformId: Object
  ) {
    this.isBrowser = isPlatformBrowser(platformId)
  }

  ngOnInit(): void {
    if (this.isBrowser) {
      this.setUpChart();
    }
  }


  setUpChart() {
    if (this.isBrowser) {

      const am4core = require("@amcharts/amcharts4/core");
      const am4maps = require("@amcharts/amcharts4/maps");

      let chart = am4core.create("world-map", am4maps.MapChart);
      // ...
    }
  }

Similar codes

1 vote285 views1 answer
Subscribe in angular 10
TypeScript
0 vote204 views1 answer
Simple Bulk insert TSQL csv
TypeScript
1 vote200 views1 answer
Increase size of mat dialog
TypeScript
0 vote293 views1 answer
Get keys of an array angualr
TypeScript
1 vote286 views1 answer
Powershell script remove directory recursive
TypeScript
0 vote197 views1 answer
Rewrite requests htaccess
TypeScript
-1 vote207 views2 answers
Cannot find name 'HttpHeaders'
TypeScript
1 vote232 views1 answer
Node fetch exports is not defined
TypeScript
0 vote296 views1 answer
Typescript triple slash
TypeScript
0 vote208 views1 answer
Array of objects for in
TypeScript