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

-1 vote180 views1 answer
Create database if not exists mysql true spring boot
TypeScript
0 vote183 views1 answer
Adding import of app routing module
TypeScript
2 votes198 views1 answer
How to link locally installed fonts to css
TypeScript
0 vote197 views1 answer
Ionic email validation
TypeScript
2 votes249 views2 answers
Get documents path c#
TypeScript
-1 vote206 views2 answers
ERROR in node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts:230:9 - error TS1086: An accessor cannot be declared in an ambient context. 230 set ngbPanelToggle(panel: NgbPanel);
TypeScript
0 vote212 views1 answer
'`pydot` failed to call GraphViz.' OSError: `pydot` failed to call GraphViz.Please install GraphViz (https://www.graphviz.org/) and ensure that its executables are in the $PATH.
TypeScript
0 vote204 views1 answer
Depth-first search that chooses values for one variable at a time and returns when a variable has no legal values left to assign
TypeScript
0 vote182 views1 answer
How to get value from observable
TypeScript
3 votes240 views3 answers
Get first day of month javascript moment
TypeScript