cmoreira

click clear

Nov 13th, 2019
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.87 KB | None | 0 0
  1. <script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script>
  2. <script type='text/javascript' src='https://www.google.com/jsapi'></script>
  3. <script type='text/javascript'>
  4. var chart;
  5. google.charts.load('42', {'packages':['geochart']});
  6. google.charts.setOnLoadCallback(drawVisualization);
  7.  
  8. function drawVisualization() {var data = new google.visualization.DataTable();
  9.  
  10. data.addColumn('string', 'Country');
  11. data.addColumn('number', 'Value');
  12. data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();
  13.  
  14. data.addRows([[{v:'AL',f:'Albania'},0,'dsfsdf']]);
  15. ivalue['AL'] = '';
  16.  
  17. data.addRows([[{v:'DZ',f:'dsfsdffsddsf'},1,'']]);
  18. ivalue['DZ'] = '';
  19.  
  20. var options = {
  21. backgroundColor: {fill:'transparent',stroke:'#FFFFFF' ,strokeWidth:0 },
  22. colorAxis: {minValue: 0, maxValue: 1, colors: ['#C4C6C5','#6699CC']},
  23. legend: 'none',
  24. datalessRegionColor: '#f9ddd2',
  25. displayMode: 'regions',
  26. enableRegionInteractivity: 'true',
  27. resolution: 'countries',
  28. sizeAxis: {minValue: 1, maxValue:1,minSize:10, maxSize: 10},
  29. region:'world',
  30. keepAspectRatio: true,
  31. width:null,
  32. height:null,
  33. tooltip: {textStyle: {color: '#444444'}, trigger:'focus', isHtml: false}
  34. };
  35. chart = new google.visualization.GeoChart(document.getElementById('map_1573668314839'));
  36. google.visualization.events.addListener(chart, 'select', function() {
  37. var selection = chart.getSelection();
  38. if (selection.length == 1) {
  39. var selectedRow = selection[0].row;
  40. var selectedRegion = data.getValue(selectedRow, 0);
  41. if(ivalue[selectedRegion] != '') { window.parent.location = ivalue[selectedRegion]; }
  42. }
  43. });
  44. chart.draw(data, options);
  45. }
  46. window.onresize = function(event) {
  47. drawVisualization();
  48. };
  49. </script>
  50. <div id='map_1573668314839'></div>
  51. <div>
  52. <a href="#" onclick="chart.setSelection(null); return false;">Clear Tooltip</a></div>
Add Comment
Please, Sign In to add comment