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

6 votes116 views1 answer
TS define dictionary
TypeScript
21 votes135 views3 answers
Check port windows
TypeScript
0 vote156 views1 answer
Nginx ERR_TOO_MANY_REDIRECTS when i try redirect to https
TypeScript
1 vote82 views1 answer
What is test management review
TypeScript
14 votes122 views4 answers
Typescript convert color to rgb
TypeScript
0 vote159 views1 answer
Tkinter widgets overview
TypeScript
0 vote131 views1 answer
Vue router popstate
TypeScript
1 vote117 views1 answer
Js split string with emoji
TypeScript
16 votes126 views4 answers
Npx create-next-app typescript
TypeScript
4 votes128 views1 answer
ERR_TOO_MANY_REDIRECTS wordpress
TypeScript