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

2 votes143 views1 answer
Cannot find module 'next' or its corresponding type declarations.
TypeScript
0 vote145 views1 answer
How to use aspects in spring boot
TypeScript
1 vote188 views1 answer
Duplicate names in sql
TypeScript
5 votes149 views2 answers
Merge lists in list python
TypeScript
1 vote185 views1 answer
Python headers requests fake
TypeScript
1 vote146 views1 answer
Typescript event keyCode
TypeScript
0 vote141 views1 answer
Install material ui typescript
TypeScript
1 vote152 views4 answers
Pokediggerprank244
TypeScript
1 vote145 views1 answer
Can I 'git commit' a file and ignore its content changes?
TypeScript
1 vote102 views1 answer
Typescript get unknown property
TypeScript