Geochart RegionClick

[DEEPAK K N]

I am using google Geochart to plot map graph, firstly i need to plot world map and highlight countries and then upon select of country i should plot country specific map. regionClick and select are the events for the same but not able to get country name.

html

<div class="col-auto mt-2">

<raw-chart *ngIf="!isLoading && !isError" [chartData]="chartData" class="w-100" (select)="itemSelected($event)" (regionClick)="itemSelected($event)"></raw-chart>

<div class="mt-3" *ngIf="!isLoading && !isError">

<small class="note">Location Performance - based on geography</small>

</div>

</div>

angular :

chartData: any = {

    chartType: 'GeoChart',

    dataTable: [],

    options: {

      colorAxis: {

        colors: [ '#00a1e0' ]

      },

      width: 640, 

      height: 480

    },

    chartArea: {

      left:0,

      top:0,

      bottom:0,

      height:"100%"

    }

options = {

        colorAxis: {

          colors: [ '#00a1e0' ]

        },

        width: 640, 

        height: 480,

        region: 'IN',

        displayMode: 'regions',

        resolution: 'provinces',

      }

  };

itemSelected(evt) {

    if (evt) {

}

}

When click on a specific country , need to get countryCode so hat i populate country map. and plot the graph ?

I have hardcoded IN as of now