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 vote270 views1 answer
Print file contents in git bash
TypeScript
0 vote262 views1 answer
Remove wordpress products all at once
TypeScript
0 vote238 views1 answer
Different types of errors in numerical methods
TypeScript
0 vote261 views1 answer
Difference known_hosts authorized_keys
TypeScript
0 vote239 views1 answer
How to check if file exists lua
TypeScript
1 vote233 views2 answers
How to remove last 2 elements from list in python
TypeScript
0 vote247 views2 answers
Android studio loop through all objects in layout
TypeScript
3 votes250 views3 answers
Angular email regular expression
TypeScript
0 vote256 views1 answer
How to know if window exists in nodejs
TypeScript
0 vote265 views1 answer
Typescript ignore node_modules
TypeScript