Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script>
- <script type='text/javascript' src='https://www.google.com/jsapi'></script>
- <script type='text/javascript'>
- var chart;
- google.charts.load('42', {'packages':['geochart']});
- google.charts.setOnLoadCallback(drawVisualization);
- function drawVisualization() {var data = new google.visualization.DataTable();
- data.addColumn('string', 'Country');
- data.addColumn('number', 'Value');
- data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();
- data.addRows([[{v:'AL',f:'Albania'},0,'dsfsdf']]);
- ivalue['AL'] = '';
- data.addRows([[{v:'DZ',f:'dsfsdffsddsf'},1,'']]);
- ivalue['DZ'] = '';
- var options = {
- backgroundColor: {fill:'transparent',stroke:'#FFFFFF' ,strokeWidth:0 },
- colorAxis: {minValue: 0, maxValue: 1, colors: ['#C4C6C5','#6699CC']},
- legend: 'none',
- datalessRegionColor: '#f9ddd2',
- displayMode: 'regions',
- enableRegionInteractivity: 'true',
- resolution: 'countries',
- sizeAxis: {minValue: 1, maxValue:1,minSize:10, maxSize: 10},
- region:'world',
- keepAspectRatio: true,
- width:null,
- height:null,
- tooltip: {textStyle: {color: '#444444'}, trigger:'focus', isHtml: false}
- };
- chart = new google.visualization.GeoChart(document.getElementById('map_1573668314839'));
- google.visualization.events.addListener(chart, 'select', function() {
- var selection = chart.getSelection();
- if (selection.length == 1) {
- var selectedRow = selection[0].row;
- var selectedRegion = data.getValue(selectedRow, 0);
- if(ivalue[selectedRegion] != '') { window.parent.location = ivalue[selectedRegion]; }
- }
- });
- chart.draw(data, options);
- }
- window.onresize = function(event) {
- drawVisualization();
- };
- </script>
- <div id='map_1573668314839'></div>
- <div>
- <a href="#" onclick="chart.setSelection(null); return false;">Clear Tooltip</a></div>
Add Comment
Please, Sign In to add comment