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 vote198 views1 answer
Do you use data structures in your current automation project
TypeScript
1 vote205 views1 answer
Typescript json.parse
TypeScript
0 vote177 views1 answer
Create and return a merged list of all the elements in sorted order
TypeScript
1 vote171 views1 answer
Typescript Error: Property 'files' does not exist on type 'HTMLElement'
TypeScript
1 vote215 views2 answers
Property 'userId' does not exist on type 'Session & Partial<SessionData>'.ts(2339)
TypeScript
0 vote141 views0 answer
TypeScript
6 votes184 views2 answers
How to print 4 digits after decimal in c++
TypeScript
0 vote189 views1 answer
Flutter fab covers widget on keyboard open
TypeScript
5 votes194 views2 answers
Lofi hip hop beats cool
TypeScript
0 vote276 views2 answers
Register service worker
TypeScript