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

3 votes106 views1 answer
Google chrome extensions content scripts matches
TypeScript
6 votes125 views4 answers
Data
TypeScript
0 vote118 views1 answer
Nativescript routerextensions navigate
TypeScript
0 vote116 views1 answer
Mongodb node findone how to handle no results using promises
TypeScript
1 vote138 views1 answer
Type script edeode url
TypeScript
1 vote123 views1 answer
Ionic modalcontroller No component factory found for Did you add it to
TypeScript
-1 vote120 views1 answer
Javascrpit password
TypeScript
1 vote143 views1 answer
Python requests firefox headers
TypeScript
0 vote102 views1 answer
Angular elementref parent
TypeScript
1 vote104 views1 answer
Requests use many proxy python
TypeScript