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 vote276 views1 answer
Whats a typedef in c++
TypeScript
0 vote279 views1 answer
2 decimal points react native
TypeScript
0 vote285 views1 answer
Error on indexing the object in ts
TypeScript
0 vote241 views2 answers
How to get both key and value of enum in typescript
TypeScript
0 vote264 views1 answer
The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.40 and higher. The following dependencies do not satisfy the required version: project ':video_compress' -> org.jetbrains.kotlin:kotlin-gradle-plugin:1.3.31
TypeScript
0 vote279 views1 answer
Typescript init string array
TypeScript
0 vote290 views1 answer
Conditional styled components with media query
TypeScript
1 vote259 views1 answer
Angular ngfor conditional pipe
TypeScript
0 vote297 views1 answer
Breaks_width in r
TypeScript
0 vote265 views1 answer
Remove all objects in R
TypeScript