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 

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/c5a21b47-ac17-4a8e-b938-b0fee966fc0f%40googlegroups.com.

Reply via email to