Skip To Content

Inserire grafici, tabelle e metriche

Creare visualizzazioni di dati usando grafici, tabelle e statistiche di riepilogo. Questi tipi di visualizzazioni sono utili per visualizzare statistiche chiave e tendenze. I membri del team principale possono creare visualizzazioni di dati usando dataset privati e pubblici. Solo le persone con cui sono condivisi i dati potranno visualizzare un grafico o una statistica una volta effettuato l'accesso a un sito o pagina.

Per iniziare, accedere a Portal for ArcGIS e fare clic su Siti nella pagina Panoramica per visualizzare un elenco dei siti.

Suggerimento:

È inoltre possibile modificare un sito mentre lo si visualizza in un browser. Assicurarsi di aver effettuato l'accesso e cercare il pulsante di modifica nella parte sinistra del sito.

Creare una tabella

Utilizzare la scheda Testo per organizzare le informazioni in una tabella.

Suggerimento:

Se si desidera creare una tabella utilizzando l'HTML, utilizzare la vista Codice nelle opzioni della scheda di testo per inserire il codice.

  1. Trascinare una scheda Testa su una riga esistente.
  2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
  3. Fare clic sulle opzioni tabella.
  4. Selezionare il numero di celle desiderate per riga e per colonna.
  5. Dopo aver selezionato le dimensioni della tabella, fare clic per inserire la tabella. Aggiungere o rimuovere righe o colonne facendo clic all'interno di una cella e usando i pulsanti di inserimento o eliminazione di righe o colonne. Fare clic sul pulsante di eliminazione per rimuovere l’intera tabella.

    Suggerimento:

    Per aggiungere un'intestazione, fare clic sulla riga superiore della tabella e sul pulsante di attivazione dell'intestazione della tabella. Le intestazioni facilitano la navigazione nei contenuti della tabella per coloro che utilizzano tecnologie assistive.

  6. Fare clic su Salva.

Visualizzare metriche chiave

Utilizzare la scheda Statistiche di riepilogo per mostrare gli indicatori chiave di prestazione e altro ancora. Le statistiche di riepilogo sono generate da un’interrogazione del dataset e vengono aggiornate automaticamente ad ogni aggiornamento del dataset stesso. Solo coloro con i quali le statistiche di riepilogo sono state condivise potranno visualizzare la statistica.

  1. Trascinare una scheda di Statistiche di riepilogo su una riga esistente.
  2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
  3. Fare clic su Aggiungi dati e scegliere un dataset. When editing the site, the source link below your statistic will link to the item details page for the dataset's preview page.
  4. Per Campo statistico, scegliere un campo dal set di dati selezionato.
  5. Per Tipo di statistica, scegliere il tipo di operazione da eseguire sul campo selezionato.
    • Per campi di testo e data, scegliere tra conteggio, minimo e massimo.
    • Per i campi numerici, scegliere tra conteggio, somma, minimo, massimo, deviazione standard media e varianza.
  6. In via facoltativa, aggiungere un filtro alla statistica scegliendo un attributo dal menu a discesa Seleziona un attributo.
    1. Selezionare un attributo da usare per il filtro.
    2. Fare clic su Aggiungi.
    3. Selezionare la nuova casella dell’attributo per mostrare l’input del filtro. La casella di input varia in base al tipo di campo.
    4. Inserire il filtro desiderato.
    5. Fare clic fuori dalla casella del filtro o premere Invio.
  7. Inserire un titolo nella casella di testo Titolo.
  8. Facoltativamente, immettere testo per Testo finale per fornire un collegamento al dataset della statistica e modificare Colore in risalto per il testo.

    Suggerimento:
    Se si sceglie di mostrare il testo in coda, assicurarsi che il colore del testo contrasti con il colore di sfondo della riga.

  9. Impostare il Timeout di connessione al server (secondi) più alto (per i servizi di grandi dimensioni) per dare al servizio più tempo per rispondere.
  10. Fare clic su Salva.

Personalizzare l'aspetto della statistica

È possibile personalizzare l'aspetto delle metriche utilizzando la scheda Statistiche di riepilogo.

  1. Dopo aver configurato una scheda Statistiche di riepilogo, fare clic sul menu Aspetto in Impostazioni statistiche nel riquadro laterale.
  2. In via facoltativa, scegliere di inserire un Titolo per la statistica. È possibile usare questa opzione per definire chiaramente cosa misura la statistica.
  3. Aggiungere testo al campo Testo finale per fornire ulteriori informazioni sulla statistica, come dettagli pertinenti relativi alla sua fonte o configurazione.
  4. Regolando il Colore in risalto si modifica solo il colore della metrica. Scegliere un colore chiaramente in contrasto con il colore di sfondo della riga.

Grafici a barre

Utilizzare la scheda Grafico e creare un grafico a barre per riassumere e confrontare dati categorici.

  1. Trascinare una scheda Grafico su una riga esistente.
  2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
  3. Grafico a barre sarà selezionato per impostazione predefinita.
  4. Fare clic su Aggiungi dati.
  5. Selezionare un elemento dai servizi dati disponibili.
  6. Per Scegliere attributo categoria, scegliere l'elemento primario per i grafici dai propri dati.

    Nei grafici è possibile utilizzare campi numerici e a stringa. Per impostazione predefinita, quando si seleziona un attributo di categoria, il grafico risultante sarà un conteggio di questo attributo.

  7. Facoltativamente, da Scegliere attributo di valore, scegliere un campo numerico che funga da metrica di valore per l'attributo della categoria. Once selected, the default statistical operation on this field is Sum. È possibile modificare l'impostazione Operazione statistica usando il menu a discesa sulla destra del selettore di Scegliere attributo di valore. The value attribute supports Min, Max, Sum, Average, and Count. Se si seleziona Conteggio, l'attributo di valore viene deselezionato (perché non è necessario un campo aggiuntivo per contare l'attributo di categoria).

    Nei grafici è possibile utilizzare campi numerici e a stringa. Per impostazione predefinita, quando si seleziona un attributo di categoria, il grafico risultante sarà un conteggio di questo attributo.

  8. Click the Options menu to customize the display of your chart with the following settings:
    • The Sort option enables you to choose how your attribute data is displayed. Selezionare un attributo e fare clic sul pulsante di ordinamento accanto all'attributo per visualizzare i dati in ordine crescente o decrescente.
    • Set a height value (pixels) for your chart in the Height (px) text field.
    • Scegliere di visualizzare un titolo per il grafico facendo clic sul selettore accanto a Titolo grafico. If displaying a title, enter its name in the provided text field and choose an alignment.
    • Impostare il Colore grafico primario immettendo un codice colore, o fare clic sulla finestra di selezione colori per scegliere un colore.
    • Fornire del testo per i campi Etichetta categoria e Etichetta di valore.
  9. Impostare il Timeout di connessione al server (secondi) più alto (per i servizi di grandi dimensioni) per dare al servizio più tempo per rispondere.
  10. Fare clic su Salva.

Grafici a torta

Utilizzare la scheda Grafico e create un grafico a torta per illustrare il rapporto tra le singole parti e l'insieme. Utilizzare un grafico a torta quando i dati contengono solo poche categorie.

  1. Trascinare una scheda Grafico su una riga esistente.
  2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
  3. Selezionare il grafico a torta facendo clic sul pulsante del grafico a torta circolare.
  4. Fare clic su Aggiungi dati.
  5. Selezionare un elemento dai servizi dati disponibili.
  6. Per Scegliere attributo categoria, scegliere l'elemento primario per i grafici dai propri dati.

    Nei grafici è possibile utilizzare campi numerici e a stringa. Per impostazione predefinita, quando si seleziona un attributo di categoria, il grafico risultante sarà un conteggio di questo attributo.

  7. Facoltativamente, da Scegliere attributo di valore, scegliere un campo numerico che funga da metrica di valore per l'attributo della categoria. Once selected, the default statistical operation on this field is Sum. È possibile modificare l'impostazione Operazione statistica facendo clic sulla freccia a discesa sulla destra del selettore di Scegliere attributo di valore. The value attribute supports Min, Max, Sum, Average, and Count. Se si seleziona Conteggio, l'attributo di valore viene deselezionato (perché non è necessario un campo aggiuntivo per contare l'attributo di categoria).

    Nei grafici è possibile utilizzare campi numerici e a stringa. Per impostazione predefinita, quando si seleziona un attributo di categoria, il grafico risultante sarà un conteggio di questo attributo.

  8. Click the Options menu to customize the display of your chart with the following settings:
    • The Sort option enables you to choose how your attribute data is displayed. Selezionare un attributo e fare clic sul pulsante di ordinamento accanto all'attributo per visualizzare i dati in ordine crescente o decrescente.
    • Set a height value (pixels) for your chart in the Height (px) text field.
    • Scegliere di visualizzare un titolo per il grafico facendo clic sul selettore accanto a Titolo grafico. If displaying a title, enter its name in the provided text field and choose an alignment.
    • Impostare il testo Etichetta categoria per l'etichetta di ciascun cuneo della torta nella descrizione dei comandi e il testo Etichetta di valore per l'etichetta della metrica nella descrizione dei comandi.
  9. Impostare il Timeout di connessione al server (secondi) più alto (per i servizi di grandi dimensioni) per dare al servizio più tempo per rispondere.
  10. Fare clic su Salva.

Grafici a linea

Utilizzare la scheda Grafico e create un grafico a linee per visualizzare i cambiamenti su un intervallo continuo, come il tempo o la distanza.

  1. Trascinare una scheda Grafico su una riga esistente.
  2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
  3. Select the line chart by clicking the line chart button.
  4. Fare clic su Aggiungi dati.
  5. Selezionare un elemento dai servizi dati disponibili.
  6. Per Scegliere attributo categoria, scegliere l'elemento primario per i grafici dai propri dati.

    Nei grafici è possibile utilizzare campi numerici e a stringa. Per impostazione predefinita, quando si seleziona un attributo di categoria, il grafico risultante sarà un conteggio di questo attributo.

  7. Facoltativamente, da Scegliere attributo di valore, scegliere un campo numerico che funga da metrica di valore per l'attributo della categoria. Once selected, the default statistical operation on this field is Sum. È possibile modificare l'impostazione Operazione statistica facendo clic sulla freccia a discesa sulla destra del selettore di Scegliere attributo di valore. The value attribute supports Min, Max, Sum, Average, and Count. Se si seleziona Conteggio, l'attributo di valore viene deselezionato (perché non è necessario un campo aggiuntivo per contare l'attributo di categoria).

    Nei grafici è possibile utilizzare campi numerici e a stringa. Per impostazione predefinita, quando si seleziona un attributo di categoria, il grafico risultante sarà un conteggio di questo attributo.

  8. Click the Options menu to customize the display of your chart with the following settings:
    • The Sort option enables you to choose how your attribute data is displayed. Selezionare un attributo e fare clic sul pulsante di ordinamento accanto all'attributo per visualizzare i dati in ordine crescente o decrescente.
    • Set a height value (pixels) for your chart in the Height (px) text field.
    • Scegliere di visualizzare un titolo per il grafico facendo clic sul selettore accanto a Titolo grafico. If displaying a title, enter its name in the provided text field and choose an alignment.
    • Impostare il Colore grafico primario immettendo un codice colore, o fare clic sulla finestra di selezione colori per scegliere un colore.
    • Impostare il testo Etichetta categoria per l'etichetta di ogni punto nel tooltip e il testo Etichetta valore per l'etichetta della metrica nella descrizione dei comandi.
  9. Impostare il Timeout di connessione al server (secondi) più alto (per i servizi di grandi dimensioni) per dare al servizio più tempo per rispondere.
  10. Fare clic su Salva.

Plot a dispersione

Utilizzare la scheda Grafico e create un diagramma di dispersione per mostrare la relazione tra due variabili numeriche. Visualizzare una variabile sull'asse delle ascisse e l'altra sull'asse delle ordinate.

  1. Trascinare una scheda Grafico su una riga esistente.
  2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
  3. Selezionare il grafico a linee facendo clic sul pulsante del grafico a dispersione.
  4. Fare clic su Aggiungi dati.
  5. Selezionare un elemento dai servizi dati disponibili.
  6. Per Scegliere attributo asse X, scegliere l'elemento grafico principale dai propri dati.

    Nei grafici è possibile utilizzare campi numerici e a stringa. Per impostazione predefinita, quando si seleziona un attributo di categoria, il grafico risultante sarà un conteggio di questo attributo.

  7. Selezionare un attributo per il campo Scegliere attributo asse Y. Scegliere un campo numerico che funga da metrica di valore per l'attributo della categoria.

    Nei grafici è possibile utilizzare campi numerici e a stringa. Per impostazione predefinita, quando si seleziona un attributo di categoria, il grafico risultante sarà un conteggio di questo attributo.

  8. Click the Options menu to customize the display of your chart with the following settings:
    • The Sort option enables you to choose how your attribute data is displayed. Selezionare un attributo e fare clic sul pulsante di ordinamento accanto all'attributo per visualizzare i dati in ordine crescente o decrescente.
    • Set a height value (pixels) for your chart in the Height (px) text field.
    • Scegliere di visualizzare un titolo per il grafico facendo clic sul selettore accanto a Titolo grafico. If displaying a title, enter its name in the provided text field and choose an alignment.
    • Impostare il Colore grafico primario immettendo un codice colore, o fare clic sulla finestra di selezione colori per scegliere un colore.
    • Impostare le etichette per Etichetta asse X e Etichetta asse Y da visualizzare sul grafico.
  9. Impostare il Timeout di connessione al server (secondi) più alto (per i servizi di grandi dimensioni) per dare al servizio più tempo per rispondere.
  10. Fare clic su Salva.

Grafici JSON

Utilizzare la scheda Grafico e creare un grafico personalizzato con JSON utilizzando una specifica del grafico.

  1. Trascinare una scheda Grafico su una riga esistente.
  2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
  3. Selezionare la tile JSON.
  4. Inserire il proprio JSON nel campo Specifiche grafico JSON.
  5. Facoltativamente, nella sezione Opzioni è possibile abilitare o disabilitare e personalizzare le impostazioni Titolo grafico e Altezza (in pixel).
  6. Impostare il Timeout di connessione al server (secondi) più alto (per i servizi di grandi dimensioni) per dare al servizio più tempo per rispondere.
  7. Fare clic su Salva.

Dataset

L'array di dataset specifica l’URL di un Feature Service ArcGIS e i parametri di interrogazione. Per ulteriori informazioni sui parametri di query, consultare la documentazione dell'API REST.

{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}

Serie

L'array serie consente di specificare le mappature tra i campi della risposta del servizio e gli aspetti visivi del grafico (assi x e y, colore e dimensione per i grafici a dispersione e raggio per i grafici a torta).

{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }

Esclusioni

La proprietà Esclusioni consente di specificare le sovrascritture visive, come il colore o il posizionamento, per l'intero grafico.

"overrides": {
      "legend": {
          "enabled": true
      },
      "backgroundColor": "#E6E6FA",
      "backgroundAlpha": 1
  }
}

Specifiche

La proprietà Specifiche consente di inserire un'intera specifica Cedar per un grafico puramente personalizzato. Per conoscere le specifiche dei grafici esistenti, si vedano gli esempi.

Esempio di grafico a barre

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ]
}

Esempio di grafico a barre orizzontale

{
  "type": "bar-horizontal",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ],
  "overrides": {
    "categoryAxis": {
      "labelRotation": -45
    }
  }
}

Esempio di grafico a barre raggruppato

Nota:
Ogni serie sarà abbinata a un gruppo.
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Esempio di grafico a dispersione

{
  "type": "scatter",
  "datasets": [ {
    "url": "https://services1.arcgis.com/bqfNVPUK3HOnCFmA/arcgis/rest/services/Demographics_(Median_Household_Income)/FeatureServer/0"
  }],
  "series": [
    {
      "category": {"field": "TotalPop2015", "label": "Population"},
      "value": {"field": "MedianHHIncome2015", "label": "Median Median Household Income"}
    }
  ]
}

Esempio di grafico a bolle d'aria

{
  "type": "scatter",
  "datasets": [
    {
      "url":"https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0"
    }
  ],
  "series": [
    {
        "category": {"field": "Number_of", "label": "Number of Teachers"},
        "value": {"field": "F_of_teach", "label": "Fraction of Teachers"},
        "size": {"field": "Not_Taught", "label": "Number not Taught"}
      }
  ]
}

Esempio di grafico della sequenza temporale

Nota:
La categoria deve essere un campo datetime.

 {
  "type": "timeline",
  "datasets": [
    {
      "url": "https://services.arcgis.com/bkrWlSKcjUDFDtgw/arcgis/rest/services/DC_Crashes/FeatureServer/0",
      "query": {
        "where": "REPORTDATE > '2008-10-01' AND REPORTDATE < '2008-11-01'",
        "orderByFields": "REPORTDATE ASC",
        "sqlFormat": "standard"
      }
    }
  ],
  "series": [
    {
      "category": {
        "field": "REPORTDATE",
        "label": "Date"
      },
      "value": {
        "field": "MAJORINJURIES",
        "label": "Major Injuries"
      }
    }
  ]
}