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

0 vote153 views1 answer
Increment elements in array typescript
TypeScript
0 vote258 views1 answer
The create-react-app imports restriction outside of src directory
TypeScript
0 vote136 views1 answer
Remove all objects in R
TypeScript
1 vote144 views2 answers
Multiple scatter plots in python
TypeScript
15 votes141 views5 answers
Npm bcrypt
TypeScript
1 vote142 views2 answers
Css permit tabs on textarea react
TypeScript
1 vote134 views1 answer
Error: [WinError 10013] An attempt was made to access a socket in a way forbidden by its access permissions
TypeScript
0 vote143 views1 answer
Based on previous make validation for required in reactive forms
TypeScript
1 vote236 views2 answers
Typescript \!
TypeScript
7 votes159 views2 answers
Axios typescript
TypeScript