Options in a geo google-chart - Javascript Google Chart

Javascript examples for Google Chart:Geo Chart

  1. HOME
  2. Javascript
  3. Google Chart
  4. Geo Chart

Description

Options in a geo google-chart

Demo Code

ResultView the demo in separate window 

<!--/*from   w w w  . j  a  v  a2  s  .  co  m*/
Created using JS Bin
http://jsbin.com
Released under the MIT license: http://jsbin.mit-license.org
-->
<html>
   <head> 
      <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">
     google.charts.load('current', {'packages': ['geochart']});
     google.charts.setOnLoadCallback(drawMarkersMap);
      function drawMarkersMap() {
      var data = google.visualization.arrayToDataTable([
        ['Country',   'Population', 'Area Percentage'],
        ['France',  65700000, 50],
        ['Germany', 81890000, 27],
        ['Poland',  38540000, 23]
      ]);
      var options = {
        sizeAxis: { minValue: 0, maxValue: 100 },
        region: '155', 
        displayMode: 'markers',
        colorAxis: {colors: ['#e7711c', '#4374e0']} 
      };
      var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    };
    
      </script> 
   </head> 
   <body> 
      <div id="chart_div" style="width: 900px; height: 500px;"></div>  
   </body>
</html>

Related Tutorials