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 votes210 views3 answers
Angular form set value
TypeScript
0 vote207 views1 answer
Cannot find module 'ng2-pdf-viewer' or its corresponding type declarations
TypeScript
0 vote203 views1 answer
Length functioni in typesrcipt
TypeScript
19 votes220 views3 answers
Set default route angular
TypeScript
0 vote199 views1 answer
Paginator
TypeScript
35 votes270 views6 answers
Add days to date javascript
TypeScript
21 votes217 views4 answers
Can't bind to 'ngmodeloptions' since it isn't a known property of 'input'
TypeScript
2 votes222 views3 answers
Mat dialog disable close
TypeScript
1 vote207 views1 answer
Http requests in spring boot
TypeScript
0 vote194 views1 answer
Count file lines in typescript
TypeScript