google Charts - geochart

Asked

Viewed 719 times

1

I’m having a small problem with the geochart, the other charts load normal, but not the geo, it even shows the region of Brazil, but does not populate the regions. Follows the code:

  google.charts.load("44", {packages:["corechart"]});

  google.charts.setOnLoadCallback(chartMapDoacoes);

  function chartMapDoacoes(){
    var data = google.visualization.arrayToDataTable([
        [`city`, `numedo de doacoes`],
        [`Barueri`, `120442`],
        [`Carapicuiba`, `231298`],
        [`Itapevi`, `213876`],
        [`Jandira`, `128396`],
        [`Sao paulo`, `419226`],
        [`Campinas`, `192381`],
        [`Jundiai`, `391912`],
        [`Jarinu`, `6398212`],
      ]);

    var options = {
    region: 'BR'
    }

    var chart = new google.visualization.GeoChart(document.getElementById('chart-geo'));
    chart.draw(data, options);
  }

and HTML:

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<body>
<div id="chart-geo"></div>
</body>
javascript

  • if possible put only geo separated from everything , and beyond your script html please so that we can test

1 answer

5

Try to add the code below in your options:

var options = {
        resolution: 'provinces', 
        region: 'BR',
        displayMode: 'markers'
}

Browser other questions tagged javascript

You are not signed in. Login or sign up in order to post.