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 votes242 views1 answer
Visual Studio Code Typescript region folding
TypeScript
0 vote311 views1 answer
This expression is not callable. typescript angular 11 socket.io
TypeScript
0 vote300 views1 answer
How to check if key exists in Newtonsoft.Json object c#
TypeScript
-3 votes372 views1 answer
Cool_beasts = {"octopuses":"tentacles", "dolphins":"fins", "rhinos":"horns"} for ___ in cool_beasts.items(): print("{} have {}".format(___))
TypeScript
0 vote300 views1 answer
Error: postfix operator toArray needs to be enabled
TypeScript
1 vote275 views1 answer
Luxon sql datetime
TypeScript
0 vote269 views1 answer
Could not find method Properties() for arguments [] on project ':app'
TypeScript
0 vote323 views1 answer
Instruments du marché monétaire
TypeScript
0 vote356 views1 answer
Reorder inline-block elements css
TypeScript
0 vote314 views1 answer
Change field name relation typeorm
TypeScript