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 vote213 views1 answer
Custom events in unity c#
TypeScript
2 votes193 views1 answer
Typescript loop over map with value as array
TypeScript
0 vote185 views1 answer
Error TS2307: Cannot find module '@ngx-meta/core'.
TypeScript
1 vote190 views1 answer
What is typescript in angular
TypeScript
1 vote199 views1 answer
Require statement not part of import statement.eslint@typescript-eslint/no-var-requires
TypeScript
13 votes210 views4 answers
Ionic generate resources
TypeScript
0 vote199 views1 answer
Components of .net framework
TypeScript
0 vote194 views1 answer
Hong Kong Human Rights and Democracy Act opinion
TypeScript
18 votes192 views3 answers
ReferenceError: fetch is not defined
TypeScript
0 vote194 views1 answer
Como acessar um elementRef de um componente
TypeScript