Hi @nbering ,
Click event is not working on GeoChart.
Here is the code
$scope.chart = {
type: "GeoChart",
data: [
['Locale', 'Count', 'Percent'],
['Germany', 10, 10],
['United States', 20, 11],
['Brazil', 30, 11],
['Canada', 40, 32],
['France', 50, 9],
['RU', 60, 3],
['India', 70, 4],
['Japan', 80, 4],
['Pakistan', 85, 90],
['Albania', 90, 11],
['China', 95, 100]
// ['Maharashtra', 100, 60]
],
options: {
enableRegionInteractivity: 'true',
// displayExactValues: true,
// resolution: 'provinces',
// region: 'IN',
region: 'world',
// tooltip:{textStyle: {color: 'black'}, showColorCode: true},
width: 800,
height: 600,
chartArea: { left: 10, top: 10, bottom: 0, height: "100%" },
colorAxis: { colors: ['#1f77b4', '#24cc1e', '#ff0505'] },
// displayMode: 'regions',
// datalessRegionColor: 'yellow',
// magnifyingGlass: { 'enable': true, 'zoomFactor': 15 }
// domain:'IN',
// zoomFactor: 7.5,
// backgroundColor: { stroke: 'red' }
},
};
$scope.readyHandler = function (chartWrapper) {
console.log("aaa")
$window.google.visualization.events.addListener(chartWrapper.getChart(), 'regionClick', function (r) {
$scope.regionClick(r);
});
}
$scope.regionClick = function (region) {
// alert(region);
console.log("region".region)
}
Here is the chart. We are using angularjs (1.6.5)
