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 vote129 views1 answer
They Take Their Medication Then The Device Owner Lets Them Press The Button | The Problem We Are Solving Is Kids Not Taking Their Medication Which Turns To Great Health Benefits In The Young Generation
TypeScript
0 vote134 views1 answer
How-do-i-navigate-to-a-parent-route-from-a-child-route
TypeScript
0 vote153 views1 answer
Install typescript homebrew
TypeScript
0 vote149 views1 answer
Typescript function return array
TypeScript
22 votes133 views5 answers
How to combine 2 lists in python
TypeScript
1 vote161 views1 answer
Nodejs exec exit code
TypeScript
8 votes144 views2 answers
Comment on blade laravel
TypeScript
0 vote123 views1 answer
Pass command line arguments C#
TypeScript
1 vote133 views1 answer
Typescript filter list by property
TypeScript
0 vote116 views1 answer
Where can I find reports of "reports and data" for free reddit quora
TypeScript