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 vote180 views1 answer
Angular cancel http request
TypeScript
0 vote168 views1 answer
How to get match percentage of lists in python
TypeScript
0 vote179 views1 answer
How to concate a string to all elements in a list in python
TypeScript
-1 vote167 views2 answers
Function that redirects to another page react
TypeScript
0 vote157 views1 answer
Create 2 set A and B of size n1 and n2 . Print sets A and B.
TypeScript
0 vote188 views1 answer
ValueError: Cannot run multiple SparkContexts at once;
TypeScript
3 votes200 views1 answer
Regex replace certain string
TypeScript
0 vote165 views1 answer
Cannot find module '@azure/msal-angular' or its corresponding type declarations.ts(2307)
TypeScript
0 vote173 views1 answer
Mongodb move documents to another collection
TypeScript
0 vote180 views1 answer
How to send data between components in react using link
TypeScript