hi keshav1007,
Thank you for contacting us, and welcome on our forum!
Your chart is empty because you missed the map loading process. In your chart configuration you chose the 'custom/world' one, but never load it before. You've to create the map basing on our map collection (in this case) and then import this map file into your component file, just like that:
app.component.ts
Code: Select all
import worldMap from './assets/worldMap';
After that you are able to use it in chart configuration:
Now it should works well. To show more specifically how to achieve that, I produced the example. You can look on it by clicking the link below.
Live example:
https://stackblitz.com/edit/angular-hig ... ock-byjo6a
P.S I also recommend you to use our official wrapper. You can read more about it here:
https://www.npmjs.com/package/highcharts-angular
Best regards!