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 vote202 views1 answer
Python requests firefox headers
TypeScript
0 vote164 views2 answers
Reactive forms radio button
TypeScript
0 vote192 views1 answer
Flutter: Error: google_fonts was unable to load font LobsterTwo-Bold because the following exception occured:
TypeScript
30 votes177 views1 answer
The file C:\Users\user\AppData\Roaming\npm\ng.ps1 is not digitally signed. You cannot run this script on the current system. For more information about running scripts and setting execution policy, see about_Execution_Policies at
TypeScript
1 vote179 views3 answers
An attempt was made to access a socket in a way forbidden by its access permissions.
TypeScript
-1 vote198 views1 answer
What are the components of http request
TypeScript
0 vote276 views1 answer
How to compare two date in typescript
TypeScript
1 vote174 views1 answer
Angular change how date looks
TypeScript
0 vote163 views1 answer
Number validation in typescript
TypeScript
0 vote259 views1 answer
Are multiple statements per line in python discouraged PEP 257
TypeScript