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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular/c5a21b47-ac17-4a8e-b938-b0fee966fc0f%40googlegroups.com.
