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 votes219 views2 answers
Sort array of objects in react js
TypeScript
0 vote169 views1 answer
'create' is deprecated
TypeScript
5 votes163 views3 answers
Typescript check type
TypeScript
0 vote163 views1 answer
React.ComponentProps<T>
TypeScript
0 vote124 views1 answer
Terrform variable list type
TypeScript
7 votes192 views1 answer
Sort list of objects python
TypeScript
1 vote168 views1 answer
Ts partial record
TypeScript
0 vote158 views1 answer
Compare two lists and remove duplicates java
TypeScript
0 vote160 views1 answer
Property 'carousel' has no initializer and is not definitely assigned in the constructor
TypeScript
0 vote156 views1 answer
Material ui tab link external
TypeScript