Google charts geo chart and set text values in color Axis - Javascript Google Chart

Javascript examples for Google Chart:Geo Chart

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

Description

Google charts geo chart and set text values in color Axis

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>Geo Chart Example</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
   </head> 
   <body> 
      <script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['geochart']}]}"></script> 
      <div id="regions_div" style="width: 900px; height: 500px;"></div> 
      <script type="text/javascript">
      google.setOnLoadCallback(drawRegionsMap);
      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Popularity'],
          ['Germany', 200],
          ['United States', 300],
          ['Brazil', 400],
          ['Canada', 500],
          ['France', 600],
          ['RU', 700]
        ]);/*w w  w  .j  a  v a 2 s  . c  om*/
        var options = {
            legend: {
                numberFormat: "test"
            }
        };
        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
        chart.draw(data, options);
      }

      </script>  
   </body>
</html>

Related Tutorials