Advertisement
cmoreira

css example

Jan 17th, 2014
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.44 KB | None | 0 0
  1. <style>
  2. #visualization path:not([fill^="#f5f5f5"]):hover {
  3. fill:red;
  4. }
  5. </style>
  6.  
  7. <script type='text/javascript' src='http://www.google.com/jsapi'></script>
  8. <script type='text/javascript'>google.load('visualization', '1', {'packages': ['geochart']});
  9. google.setOnLoadCallback(drawVisualization);
  10.  
  11. function drawVisualization() {var data = new google.visualization.DataTable();
  12.  
  13. data.addColumn('string', 'Country');
  14. data.addColumn('number', 'Value');
  15. data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();
  16.  
  17. data.addRows([[{v:'US',f:'United States of America'},0,'21% of Visits']]);
  18. ivalue['US'] = '';
  19.  
  20. data.addRows([[{v:'GB',f:'United Kingdom'},1,'7% of visits']]);
  21. ivalue['GB'] = '';
  22.  
  23. data.addRows([[{v:'DE',f:'Germany'},2,'6% of visits']]);
  24. ivalue['DE'] = '';
  25.  
  26. data.addRows([[{v:'FR',f:'France'},3,'5% of visits']]);
  27. ivalue['FR'] = '';
  28.  
  29. data.addRows([[{v:'ES',f:'Spain'},4,'5% of visits']]);
  30. ivalue['ES'] = '';
  31.  
  32. data.addRows([[{v:'CA',f:'Canada'},5,'4% of visits']]);
  33. ivalue['CA'] = '';
  34.  
  35. data.addRows([[{v:'IT',f:'Italy'},6,'4% of visits']]);
  36. ivalue['IT'] = '';
  37.  
  38. data.addRows([[{v:'NL',f:'The Netherlands'},7,'4% of visits']]);
  39. ivalue['NL'] = '';
  40.  
  41. data.addRows([[{v:'BR',f:'Brazil'},8,'4% of visits']]);
  42. ivalue['BR'] = '';
  43.  
  44. data.addRows([[{v:'TR',f:'Turkey'},9,'3% of visits']]);
  45. ivalue['TR'] = '';
  46.  
  47. data.addRows([[{v:'IN',f:'India'},10,'3% of visits']]);
  48. ivalue['IN'] = '';
  49.  
  50. data.addRows([[{v:'RU',f:'Russia'},11,'3% of visits']]);
  51. ivalue['RU'] = '';
  52.  
  53. data.addRows([[{v:'AU',f:'Australia'},12,'2% of visits']]);
  54. ivalue['AU'] = '';
  55.  
  56. var options = {
  57. backgroundColor: {fill:'#FFFFFF',stroke:'#FFFFFF' ,strokeWidth:0 },
  58. colorAxis: {minValue: 0, maxValue: 12, colors: ['#D95F0E','#FEC44F','#FEC44F','#FEC44F','#FEC44F','#FEC44F','#FEC44F','#FEC44F','#FEC44F','#FFF7BC','#FFF7BC','#FFF7BC','#FFF7BC',]},
  59. legend: 'none',
  60. backgroundColor: {fill:'#FFFFFF',stroke:'#FFFFFF' ,strokeWidth:0 },
  61. datalessRegionColor: '#F5F0E7',
  62. displayMode: 'regions',
  63. enableRegionInteractivity: 'true',
  64. resolution: 'countries',
  65. sizeAxis: {minValue: 1, maxValue:1,minSize:10, maxSize: 10},
  66. region:'world',
  67. keepAspectRatio: true,
  68. width:600,
  69. height:400,
  70. tooltip: {textStyle: {color: '#444444'}, trigger:'focus'}
  71. };
  72. var chart = new google.visualization.GeoChart(document.getElementById('visualization'));
  73. chart.draw(data, options);
  74. }
  75. </script>
  76. <div id='visualization'></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement