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 votes364 views1 answer
Typescript enum to array
TypeScript
0 vote292 views1 answer
Behaviour
TypeScript
0 vote298 views1 answer
Typescript utility types merge interfaces
TypeScript
0 vote338 views1 answer
Export const typescript
TypeScript
1 vote289 views1 answer
Npm uninstall typescript
TypeScript
31 votes294 views4 answers
How to see all commits in git
TypeScript
2 votes312 views1 answer
Eslint prettier typescript
TypeScript
1 vote290 views1 answer
How to remove the dots from ul
TypeScript
0 vote360 views1 answer
Tox install requirements constraints
TypeScript
0 vote309 views1 answer
Stack function in typescript \
TypeScript