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

1 vote219 views1 answer
How to Pass Arguments to a Bash Script
TypeScript
2 votes211 views1 answer
Numeric data type is returned as String
TypeScript
0 vote218 views9 answers
Twitter analysis in R clean tweets
TypeScript
1 vote238 views1 answer
Ts get year from date
TypeScript
2 votes240 views1 answer
Ts date format dd/mm/yyyy
TypeScript
1 vote210 views1 answer
Find value in array ts
TypeScript
0 vote176 views2 answers
Localstorage.getitem angular
TypeScript
4 votes244 views1 answer
Check ports in use docker
TypeScript
65 votes337 views5 answers
Length of an object
TypeScript
1 vote180 views1 answer
Typescript get unknown property
TypeScript