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 vote108 views1 answer
Const formats = { time: { '24hour': {hour12: false, hours: 'numeric', minute: 'numeric'} } }; <IntlProvider locale={locale} messages={messages} formats={formats}> <FormattedTime value={someDate} format='24hour'/> </IntlProvider>
TypeScript
0 vote117 views2 answers
How to remove one object in an array of objects in mongoose
TypeScript
2 votes97 views1 answer
Typescript valueof interface
TypeScript
0 vote125 views1 answer
Why are lower case alphabets more preffered in html
TypeScript
13 votes97 views5 answers
Useref typescript
TypeScript
1 vote101 views2 answers
Typescript list concat
TypeScript
7 votes172 views1 answer
Typerscript online compiler
TypeScript
8 votes115 views6 answers
Woocommerce products shortcode
TypeScript
0 vote135 views1 answer
Typescript intellisense not working vscode
TypeScript
1 vote103 views2 answers
Css inputs outofill color
TypeScript