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

59 votes320 views6 answers
Sum elements in list python
TypeScript
0 vote141 views1 answer
Windows domain add hosts file
TypeScript
1 vote146 views2 answers
What are the benefits of linux
TypeScript
15 votes172 views2 answers
How to check if var exists python
TypeScript
0 vote138 views2 answers
Get elements of array matlab
TypeScript
1 vote133 views1 answer
How to use command line arguments in java eclipse
TypeScript
0 vote154 views2 answers
How to remove one object in an array of objects in mongoose
TypeScript
0 vote154 views1 answer
Style type in typescript in react
TypeScript
0 vote140 views1 answer
Different types of errors in numerical methods
TypeScript
0 vote161 views1 answer
Typescript file cannot find module vue
TypeScript