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 vote200 views1 answer
Use strict typescript
TypeScript
3 votes167 views2 answers
Enum
TypeScript
0 vote183 views1 answer
Compare two lists and find at least one equal python
TypeScript
0 vote169 views1 answer
Wordpress posts sidebar with category link programmatically
TypeScript
1 vote178 views1 answer
DbQueryEventNode
TypeScript
11 votes176 views1 answer
How to remove dots in ul li
TypeScript
2 votes163 views1 answer
Rxjs promise to observable
TypeScript
18 votes173 views2 answers
How to do limits in latex
TypeScript
0 vote160 views1 answer
Porque la ejecución de scripts está deshabilitada en este sistema
TypeScript
1 vote188 views1 answer
List the constituents of the xylem. what would happen if the xylem of root of a plant is blocked?
TypeScript