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

7 votes129 views3 answers
If temp table exists drop
TypeScript
0 vote130 views1 answer
Some of elements are arrays in python
TypeScript
34 votes217 views6 answers
Top wishlisted games on steam
TypeScript
8 votes135 views2 answers
Remove duplicates objects from array angular
TypeScript
0 vote132 views1 answer
Haproxy stats config
TypeScript
0 vote126 views2 answers
React redux typescript
TypeScript
0 vote131 views1 answer
Tolowercase typescript
TypeScript
35 votes142 views4 answers
Because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
0 vote132 views1 answer
How to get the table contents from a file in python
TypeScript
1 vote122 views1 answer
Route resource adonis
TypeScript