grafico colorato per regioni italiane

1,565 views
Skip to first unread message

vane...@yahoo.it

unread,
Jun 20, 2014, 3:35:27 AM6/20/14
to google-visua...@googlegroups.com
Ciao,
qualcuno riesce ad aiutarmi per creare un grafico colorato per distribuzione ma per le regioni d'Italia es: Lombardia, Veneto ecc..

Come faccio a modificare il codice e dove trovo i nomi corretti delle regioni?

grazie in anticipo

vane...@yahoo.it

unread,
Jun 20, 2014, 4:06:44 AM6/20/14
to google-visua...@googlegroups.com
Hello, 
can someone help me to create a colored graph for distribution but for the regions of Italy such as: Lombardy, Veneto, etc. .. 

How do I change the code and where do I find the correct names of the regions? 

thanks in advance

Fabio Castelletti

unread,
Jun 20, 2014, 9:07:16 AM6/20/14
to google-visua...@googlegroups.com
Vanessa... Ciao,
questo, naturalmente, è solo un punto di partenza. :)

Fabio

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
     google.load("visualization", "1", {"packages": ["geochart"]});
     google.setOnLoadCallback(italiaMap);

      function italiaMap() {
      var data = google.visualization.arrayToDataTable([
        ["Code", "Label", "Value"],
["IT-21", "Piemonte", 1],
["IT-23", "Val d'Aosta", 2],
["IT-25", "Lombardia", 3],
["IT-32", "Trentino - Alto Adige", 4],
["IT-65", "Abruzzo", 5],
["IT-34", "Veneto", 6],
["IT-36", "Friuli - Venezia Giulia", 7],
["IT-42", "Liguria", 8],
["IT-45", "Emilia Romagna", 9],
["IT-52", "Toscana", 10],
["IT-55", "Umbria", 11],
["IT-57", "Marche", 12],
["IT-62", "Lazio", 13],
["IT-67", "Molise", 14],
["IT-72", "Campania", 15],
["IT-75", "Puglia", 16],
["IT-77", "Basilicata", 17],
["IT-78", "Calabria", 18],
["IT-82", "Sicilia", 19],
["IT-88", "Sardegna", 20]
      ]);

      var options = {
        region: "IT",
        displayMode: "regions",
        resolution: "provinces",
        colorAxis: {colors: ["white", "green"]}
      };

      var chart = new google.visualization.GeoChart(document.getElementById("chart_div"));
      chart.draw(data, options);
    };
    </script>
<div id="chart_div" style="width: 1024px; height: 768px;"></div>


Pex

unread,
Jan 2, 2016, 1:54:27 PM1/2/16
to Google Visualization API
Ciao Fabio,

sai se è possibile collegare questa funziona a un foglio di lavoro di google documents? Dai chart disponibili è possibile mappare solo gli stati europei e non le regioni italiane...hai idea di come si possa fare?

Grazie
Pex

Fabio Castelletti

unread,
Jan 4, 2016, 6:58:35 AM1/4/16
to Google Visualization API
Pex... Ciao

Ecco un esempio ridotto all'osso.
La guida con tutti gli altri parametri si trova qui: https://developers.google.com/chart/interactive/docs/spreadsheets#sheet-name

Ciao, Fabio :)


<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<script type="text/javascript">

google.load("visualization", "1", {"packages": ["geochart"]});

google.setOnLoadCallback(pexQuery);

function pexQuery() {
var query = new google.visualization.Query("https://docs.google.com/spreadsheets/d/16c8ZzPar-WzmOWlrTqXeON73u62YFEkHP6cJOheiDKU/edit?sheet=pex-sheet&headers=1");
query.send(pexResponse);
}

function pexResponse(response) {

var options = {
region: "IT",
displayMode: "regions",
resolution: "provinces",
colorAxis: {colors: ["white", "green"]}
};

var data = response.getDataTable();

var chart = new google.visualization.GeoChart(document.getElementById("pex-geochart"));

chart.draw(data, options);

};

</script>

<div id="pex-geochart" style="width: 1024px; height: 768px;"></div>

Reply all
Reply to author
Forward
0 new messages