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 vote141 views3 answers
Number to string typescript
TypeScript
1 vote142 views1 answer
React link state
TypeScript
0 vote186 views4 answers
Typescript class inheritance
TypeScript
0 vote136 views1 answer
Number square n times in typescript
TypeScript
0 vote129 views1 answer
Warning: call_user_func_array() expects parameter 1 to be a valid callback
TypeScript
0 vote129 views1 answer
W to check whether an image is a broken image or not in typescript angular
TypeScript
0 vote135 views1 answer
Target.value typescript
TypeScript
1 vote133 views1 answer
Tsconfig.json, Typescript
TypeScript
0 vote134 views1 answer
Ipywidgets hide widget
TypeScript
1 vote143 views1 answer
React make multiple fetch requests one after another
TypeScript