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

0 vote316 views1 answer
Cannot find module '@azure/msal-angular' or its corresponding type declarations.ts(2307)
TypeScript
1 vote301 views1 answer
Type annotations can only be used in TypeScript files.
TypeScript
0 vote347 views1 answer
Type a passed component typescript react
TypeScript
10 votes312 views3 answers
Typescript foreach
TypeScript
0 vote320 views2 answers
How to find the total of the products added to the shopping cart in java program
TypeScript
0 vote365 views1 answer
Loop trhough list of lists in python and find single elements
TypeScript
11 votes337 views3 answers
Property 'active' has no initializer and is not definitely assigned in the constructor.ts(2564)
TypeScript
0 vote324 views1 answer
Tar contents of current folder
TypeScript
0 vote290 views1 answer
Typescript import rename
TypeScript
0 vote305 views1 answer
Accessing widgets in screen manager kivy
TypeScript