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 vote127 views1 answer
React native styled-components responsive font
TypeScript
0 vote131 views1 answer
Gpluss logi ionic4
TypeScript
7 votes134 views2 answers
Pandas read csv check if column exists
TypeScript
2 votes109 views1 answer
How to send information from javascript to flask route
TypeScript
0 vote126 views1 answer
Is there a way to show a preview of a RecyclerView's contents as Grid in the Android Studio editor?
TypeScript
5 votes157 views2 answers
Pass function as argument typescript
TypeScript
7 votes117 views4 answers
View tar.gz contents without extracting
TypeScript
0 vote114 views1 answer
The dialect mongodb+srv is not supported. Supported dialects feathers
TypeScript
12 votes116 views5 answers
Font awesome angular
TypeScript
0 vote194 views1 answer
How to print selected elements from a list
TypeScript