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 vote316 views1 answer
How to get array elements in same line in python
TypeScript
0 vote312 views1 answer
Delivery structure contains the source code if your artifact:
TypeScript
0 vote312 views1 answer
- laravel/ui[v3.2.0, ..., 3.x-dev] require illuminate/console ^8.0 -> found illuminate/console[v8.0.0, ..., 8.x-dev] but these were not loaded, likely because it conflicts with another require.
TypeScript
0 vote257 views1 answer
Define a function shiftRight which receives a list as input, and returns a list with all the elements shifted to the right
TypeScript
0 vote290 views1 answer
How to get the table contents from a file in python
TypeScript
0 vote325 views1 answer
Google charts haxis font size
TypeScript
5 votes307 views3 answers
Typescript with nodemon
TypeScript
2 votes317 views1 answer
Vscode custom snippets how to use file name
TypeScript
5 votes301 views4 answers
React native select
TypeScript
0 vote309 views2 answers
Typescript array of mixed types
TypeScript