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

2 votes314 views1 answer
UseStae with array of strings typescript
TypeScript
5 votes319 views1 answer
Heroku database error unknow attribute first_name for user
TypeScript
1 vote323 views2 answers
Typescript readonly
TypeScript
0 vote349 views2 answers
How to see constraints in postgresql
TypeScript
35 votes392 views3 answers
Module.exports multiple functions
TypeScript
1 vote347 views1 answer
Property 'mozRequestFullScreen' does not exist on type 'HTMLElement'. Did you mean 'requestFullscreen'?
TypeScript
2 votes318 views1 answer
Do carbohydrates make you fat
TypeScript
0 vote316 views1 answer
How to separate real and imaginary parts of a complex number in python
TypeScript
6 votes372 views3 answers
Print elements in map java
TypeScript
0 vote383 views1 answer
How to add alias to my hosts in ansible hosts
TypeScript