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 vote250 views1 answer
Git show which commit a tag points to
TypeScript
0 vote282 views2 answers
Sorting a vector of objects c++
TypeScript
3 votes260 views1 answer
Github screenshots resize
TypeScript
0 vote278 views1 answer
In javaWrite a plan that prints all the perfect numbers in the range of 1 to 1000
TypeScript
4 votes272 views1 answer
Typescript string interpolation
TypeScript
0 vote285 views1 answer
Implement a groupByOwners function that: Accepts an associative array
TypeScript
0 vote246 views1 answer
Use strict typescript
TypeScript
1 vote262 views1 answer
How to remove list dots in li bootstrap
TypeScript
0 vote286 views1 answer
.htaccess Redirects
TypeScript
1 vote256 views1 answer
Type script tuple type
TypeScript