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 vote199 views1 answer
Peer of typescript@>=2.8.0
TypeScript
19 votes209 views3 answers
Yarn.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
4 votes205 views2 answers
Events on checkbox in jquery
TypeScript
3 votes257 views2 answers
Adonis load relationship
TypeScript
1 vote224 views3 answers
Roperty 'form' has no initializer and is not definitely assigned in the constructor.
TypeScript
0 vote215 views1 answer
Convert f#
TypeScript
0 vote225 views1 answer
React native vector icon ts file configuaration
TypeScript
1 vote211 views2 answers
Typescript list concat
TypeScript
0 vote197 views4 answers
Symfony\Component\Debug\Exception\FatalThrowableError Type error: ReflectionFunction::__construct() expects parameter 1 to be string, array given
TypeScript
0 vote214 views1 answer
How to check string array is sorted or not in typescript
TypeScript