Progettare il layout di un sito—Portal for ArcGIS | Documentazione per ArcGIS Enterprise

Dopo aver configurato il sito e aggiunto i dati, è possibile progettare il layout della home page e personalizzare l'intestazione e il piè di pagina. Tutte queste operazioni possono essere eseguite nella scheda Editor dei siti. Tale scheda consente di progettare il sito utilizzando l'editor, markdown o l'HTML personalizzato forniti.

Panoramica

L'editor dei siti è un editor di pagina completa che fornisce un modello che può essere modificato, in modo da adattarlo al marchio e ai dati del proprio sito, o rimosso completamente per iniziare da zero. Passare il puntatore del mouse sopra gli elementi della pagina per spostarli, ridimensionarli, modificarli o eliminarli, oppure fare clic sull'icona dell'ingranaggio nell'angolo in alto a sinistra per aprire il pannello laterale dell'editor dei siti.

Impostazioni dell’intestazione

Per costruire l’intestazione del sito sono disponibili due metodi: utilizzando l’URL di un logo e un titolo del sito (semplice), oppure utilizzando HTML e CSS personalizzati (avanzato).

Metodo semplice

Selezionare Usa logo e titolo del sito.
Inserire il proprio titolo in Titolo del sito.
Inserire la propria immagine in URL logo. Le immagini verranno ridimensionate e adattate a un’altezza di 50 pixel.

Metodo avanzato

Selezionare Usa HTML/CSS personalizzato.
Nella pagina appare un’intestazione predefinita e viene visualizzata una casella CSS nel pannello laterale.
Fare clic sull'icona dell'ingranaggio nell’angolo in alto a destra dell’intestazione per modificare l’HTML.
Fare nuovamente clic sull'icona dell'ingranaggio per visualizzare le modifiche.
Modificare la casella CSS nel pannello laterale e fare clic su Applica modificheper visualizzare gli effetti sull’HTML.

Attenzione:

L’HTML dell’intestazione non supporta JavaScript integrati. I tag dello script saranno ignorati.

Nota:

L’area corrispondente a I miei dati e Accesso non può essere modificata o rimossa per mantenere la funzionalità del sito.

Generatore temi

Impostare il tema del sito con le seguenti opzioni di colore:

Colore sfondo intestazione: per modificare l’intestazione.
Colore testo intestazione: per modificare il testo dell’intestazione.
Colore sfondo corpo: per modificare il colore delle righe della home page trasparente e il colore di sfondo della pagina dei risultati della ricerca e delle pagine dei dataset.
Colore testo corpo: per modificare il colore del testo regolare all’interno del sito.
Colore collegamenti corpo: per modificare il colore di collegamenti e pulsanti all’interno del sito e il colore dei collegamenti sopra ai quali si passa il mouse nell’intestazione.

Suggerimento:

Il colore del testo può essere modificato anche riga per riga.

Generatore layout

Il layout di base della pagina è organizzato in righe e widget. Un widget può essere posizionato su una riga. Non c’è un limite al numero di widget che possono essere posizionati in una riga. Per modificare una scheda, fare clic sull'icona dell’ingranaggio. Per eliminare una scheda, fare clic sull'icona del cestino.

Riga

Usare le righe per costruire il layout generale e ospitare i widget.

Trascinare una riga dal riquadro laterale sulla pagina.
Nella pagina appaiono i marcatori che forniscono una guida.
Passando il puntatore del mouse sopra la riga appaiono tre icone sul lato destro: le frecce per spostare la riga all’interno della pagina, un ingranaggio che consente di modificarla e una “x” per eliminarla.
Fare clic sull'icona dell'ingranaggio per entrare nella modalità di modifica.
Impostare il colore del testo per la riga specifica.
Impostare un colore di sfondo (quello predefinito è trasparente) o un’immagine di sfondo.
Fare clic su Torna a editor siti per tornare al riquadro laterale principale.

Scheda dei banner

Usa i banner per le intestazioni e le barre di ricerca all'interno del sito.

Trascinare un widget banner su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Se lo si desidera, è possibile inserire un’intestazione e un sottotitolo.
Inoltre, è possibile inserire l’URL di un’immagine di sfondo e impostare l’altezza minima.
Se si desidera aggiungere una barra di ricerca a questo widget banner, selezionare Mostra barra di ricerca.
Per aggiungere un’opzione secondaria di ricerca che consenta agli utenti di filtrare i risultati per posizione, selezionare Aggiungi capacità di ricerca per posizione.
È possibile inserire il testo del segnaposto che apparirà nelle barre di ricerca.
Fare clic su Torna a editor siti per tornare al riquadro laterale principale.

Scheda delle immagini

È possibile usare immagini nel layout.

Trascinare un widget di immagine su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Inserire un URL dell'immagine.
Inserire il testo alternativo dell’immagine per migliorare l’accessibilità del sito per gli utenti non vedenti.
È possibile inserire anche una didascalia dell’immagine.
facoltativamente, fornire un collegamento ipertestuale di immagine che si aprirà o nella Stessa scheda o in una Nuova scheda.
Fare clic su Torna a editor siti per tornare al riquadro laterale principale.

Scheda del testo

Aggiungere il testo (markdown e HTML) al layout.

Trascinare un widget di testo su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Inserire testo markdown o HTML nel widget testo.
Fare clic sull'icona dell'ingranaggio per visualizzare il testo.

Attenzione:

Per ragioni di sicurezza, i widget di testo non supportano JavaScript integrati. I tag dello script saranno ignorati.

Sono consentiti i seguenti elementi HTML:

'a', 'b', 'blockquote', 'br', 'caption', 'cite', 'code', 'col',
 'colgroup', 'dd', 'dl', 'dt', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
 'i', 'img', 'li', 'ol', 'p', 'pre', 'q', 'small', 'strike', 'strong',
 'sub', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u',
 'ul', 'center', 'style', 'div', 'span'

Per questi elementi, sono consentiti i seguenti attributi:

All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'target', 'data-toggle', 'data-target', 'name'], 'blockquote': ['cite'],	'button'    : ['name', 'value', 'data-toggle', 'data-target', 'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['data-show', 'data-target', 'data-toggle'] 'img' : ['align', 'alt', 'height', 'src', 'title', 'width' ], 'ol' : ['start', 'type'], 'q' : ['cite'], 'table' : ['summary', 'width', 'class'], 'td' : ['abbr', 'axis', 'colspan', 'rowspan', 'width'], 'th' : ['abbr', 'axis', 'colspan', 'rowspan', 'scope', 'width'],
 'ul' : ['type']

Scheda delle categorie

Usare le categorie per raggruppare i dataset all’interno del sito.

Trascinare un widget categoria su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Modificare il testo del collegamento della propria categoria.
Selezionare interrogazione tag o gruppo.
In questo modo si stabilisce quali dataset vengono restituiti nei risultati di ricerca quando l’utente fa clic su questa categoria.
- Tag: inserire un’interrogazione tag. .Tutti i dataset contenenti il tag corrispondente nel rispettivo elemento del portale Enterprise saranno restituiti nei risultati di ricerca
- Gruppo: selezionare un gruppo. Tutti i dataset contenuti in questo gruppo saranno restituiti nei risultati di ricerca.
Scegliere un’icona dalla libreria:
1. Selezionare Scegli un’icona.
2. Scegliere un’icona dalla finestra modale e fare clic su Seleziona.
  L’icona appare nel riquadro laterale.
3. Fare clic sulla casella grigia a destra dell’icona per scegliere il colore dell’icona.
Utilizzare la propria icona:
1. Inserire un URL per l’icona.
2. Inserire il testo alternativo dell’icona per migliorare l’accessibilità del sito per gli utenti non vedenti.
Fare clic su Torna a editor siti per tornare al riquadro laterale principale.

Suggerimento:

Le icone personalizzate devono essere salvate come file .svg o .png trasparenti. Le icone verranno ridimensionate a 120x120 pixel.

Scheda delle informazioni di contatto

Fornire le informazioni di contatto per inviare un’e-mail al proprietario dei dati.

Trascinare un widget di contatto su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Inserire l’indirizzo e-mail di contatto e la riga dell’oggetto dell’e-mail.
Quando un utente farà clic sull’e-mail nella home page, il suo editor di posta elettronica si aprirà automaticamente.
Fare clic su Torna a editor siti per tornare al riquadro laterale principale.

Scheda degli iframe

Incorporare iframe e risorse esterne.

Trascinare un widget iframe su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Inserire l’URL e l’altezza del proprio iframe.
Fare clic su Applica.

Attenzione:

Non incollare il codice iframe integrabile da un altro sito web. Incollare soltanto l’URL che si desidera integrare.

Suggerimento:

Gli URL degli iframe che usano l’HTTP non verranno visualizzati nell’editor di siti, che usa l’HTTPS. Salvare e visualizzare il sito per osservare gli iframe.

Scheda grafico

Creare grafici semplici direttamente dai propri dataset, oppure inserire il proprio JSON per creare un grafico personalizzato.

Grafico a barre

I grafici a barre vengono creati dalle interrogazioni di un dataset selezionato e vengono automaticamente aggiornati man mano che il dataset viene aggiornato.

Trascinare un widget di grafico su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Il grafico a barre sarà selezionato per impostazione predefinita.
Fare clic su (+) Aggiungi dati.
Selezionare un elemento dai servizi dati disponibili.
Selezionare Scegli attributo categoria per 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.
Facoltativamente, usare Scegli attributo di valore per scegliere un campo numerico che funga da metrica di valore per l'attributo della categoria. Una volta selezionato, l'operazione statistica predefinita in questo campo è Somma. È possibile modificare l'Operazione statistica tramite il menu a discesa sulla destra del selettore di Scegli attributo di valore. L'attributo di valore supporta Min, Max, Somma, Media e Conteggio. 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.
Facoltativamente, nella sezione Opzioni è possibile abilitare/disabilitare e personalizzare Titolo grafico, Altezza (in pixel), l'Etichetta categoria per l'asse x e l'Etichetta di valore per l'asse y.

Grafico a torta

I grafici a torta vengono creati dalle interrogazioni di un dataset selezionato e vengono automaticamente aggiornati man mano che il dataset viene aggiornato.

Trascinare un widget di grafico su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Selezionare il grafico a torta facendo clic sull'icona circolare a torta.
Fare clic su (+) Aggiungi dati.
Selezionare un elemento dai servizi dati disponibili.
Selezionare Scegli attributo categoria per 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.
Facoltativamente, usare Scegli attributo di valore per scegliere un campo numerico che funga da metrica di valore per l'attributo della categoria. Una volta selezionato, l'operazione statistica predefinita in questo campo è Somma. È possibile modificare l'Operazione statistica tramite il menu a discesa sulla destra del selettore di Scegli attributo di valore. L'attributo di valore supporta Min, Max, Somma, Media e Conteggio. 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.
Facoltativamente, nella sezione Opzioni è possibile abilitare/disabilitare e personalizzare Titolo grafico, Altezza (in pixel), l'Etichetta categoria per l'etichetta di ciascun cuneo della torta nella descrizione dei comandi e l'Etichetta di valore per l'etichetta della metrica nella descrizione dei comandi.

Grafico JSON

I grafici personalizzati vengono creati a partire da un JSON, utilizzando specifiche di grafico particolari.

Trascinare un widget di grafico su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Selezionare la tile JSON
Inserire il proprio JSON nel campo Specifiche grafico JSON.
Facoltativamente, nella sezione Opzioni è possibile abilitare/disabilitare e personalizzare Titolo grafico e Altezza (in pixel).

Specifiche JSON

Inserire un JSON personalizzato consente di creare grafici personalizzati che sfruttano la libreria Cedar. Una specifica è costituita dai seguenti componenti:

Dataset

L'array di dataset specifica l’URL di un Feature Service ArcGIS e i parametri di interrogazione. Maggiori informazioni sui parametri di interrogazione sono disponibili nella 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 di serie consente di specificare i mapping tra i campi nella risposta di servizio e gli aspetti visivi del grafico (asse X e Y, colore/dimensione per i grafici a dispersione, 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

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

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

Specifica

Questa proprietà consente di inserire un'intera Specifica cedro per un grafico totalmente personalizzato. Per conoscere le specifiche dei grafici esistenti, si vedano gli esempi.

Esempi

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"
    }
  ]
}

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    }
  }
}

Grafico a barre raggruppato:

Nota: ogni serie corrisponderà 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"
    }
  ]
}

Grafico a dispersione:

{
  "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"
    }
  ]
}

Grafico a bolle:

{
  "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"
    }
  ]
}

Grafico della linea temporale

Nota: la categoria deve essere un campo di data/ora.

{
  "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"
    }
  ]
}

Scheda delle statistiche di riepilogo

Usare le statistiche di riepilogo per fornire dati a colpo d’occhio riguardanti gli indicatori chiave di prestazione e molto altro. Le statistiche di riepilogo sono generate da un’interrogazione del dataset e vengono aggiornate automaticamente ad ogni aggiornamento del dataset stesso.

Trascinare un widget di statistica di riepilogo su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
Fare clic su (+) Aggiungi dati che lancia un selezionatore di elementi per trovare servizi dati a propria scelta.
Selezionare un Campo statistico per scegliere un campo dal servizio selezionato. Questo campo sarà utilizzato nei passaggi successivi.
Selezionare un Tipo statistico per scegliere il tipo di operazione da eseguire nel campo selezionato
- Per campi di testo e data: scegliere tra conteggio, minimo o massimo.
- Per i campi numerici: scegliere tra conteggio, somma, minimo, massimo, deviazione standard media o varianza.
È possibile aggiungere un filtro alla propria statistica:
1. Selezionare un attributo da usare per il filtro.
2. Selezionare 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 sulla tastiera.
Immettere un Titolo.
Facoltativamente, inserire Testo finale e cambiare il Colore in risalto della statistica stessa.

Scheda della galleria

Usare la scheda della galleria per includere l'applicazione di Web Mapping e il contenuto della mappa Web nel sito. La scheda della galleria recupera automaticamente le applicazioni e le mappe Web dai gruppi dell’organizzazione. Aggiungendo app e contenuti mappa nell’organizzazione o in un gruppo specifico, appaiono nuovi tile dell’applicazione nel sito senza bisogno di modificare il layout.

Trascinare un widget scheda della galleria su una riga esistente.
Passare il puntatore del mouse sul widget e fare clic sull'icona dell’ingranaggio per passare alla modalità di modifica.
A sinistra, vengono visualizzate varie opzioni. Fare clic su App per visualizzare le applicazioni presenti all’interno della propria organizzazione e tornare alla scheda della galleria. Fare clic su Dataset per visualizzare i dataset presenti all’interno della propria organizzazione e tornare alla scheda della galleria. Fare clic su Siti per visualizzare i siti presenti all’interno della propria organizzazione e tornare alla scheda della galleria.
Impostare un numero in Numero di schede mostrate (il massimo è 16) per modificare la visualizzazione.
Se lo si desidera, nella sezione Mostra solo, selezionare Gruppo(i) e selezionare i gruppi desiderati per filtrare le applicazioni.
In Tag, aggiungere i tag desiderati per limitare l’interrogazione. Soltanto gli elementi corrispondenti ai tag inseriti saranno visualizzati nella scheda della galleria.
In Stile, selezionare Usa icone o Usa anteprime per stabilire lo stile della galleria.
Modificare il Testo del pulsante per controllare il pulsante. Il testo predefinito è “Esplora”.

Impostazioni piè di pagina

Le impostazioni predefinite dell’editor di siti non prevedono un piè di pagina. È necessario creare un piè di pagina personalizzato se si desidera un piè di pagina presente in ciascuna pagina del sito.

In Impostazioni piè di pagina, selezionare Personalizza.
Nella pagina appare un piè di pagina predefinito e viene visualizzata una casella CSS nel pannello laterale.
Fare clic sull'icona dell'ingranaggio nell’angolo in basso a destra del piè di pagina per modificare l’HTML.
Fare nuovamente clic sull'icona dell'ingranaggio per visualizzare le modifiche.
Modificare la casella CSS nel pannello laterale e fare clic su Applica modificheper visualizzare gli effetti sull’HTML.

Suggerimento:

L’HTML del piè di pagina non supporta JavaScript integrati. I tag dello script saranno ignorati.

Utilizzo del markdown

Usare il markdown nei widget di testo per personalizzare il testo all’interno del sito.

Foglio rapido markdown


Attributo	Sintassi
Intestazione	# Digitare qui per un'intestazione al livello 1 (più grande) ## Digitare qui per un'intestazione al livello 2 ###### Digitare qui per un'intestazione al livello 6 (più piccolo)
Corsivo	Questo è testo in corsivo o _testo in corsivo_
Grassetto	Questo testo è in grassetto
Combinazione di corsivo e grassetto	Combina corsivo e* grassetto*
Collega con indirizzo mostrato	http://www.esri.com Nota: Non dimenticare il protocollo (HTTP o HTTPS) davanti agli URL
Collega senza indirizzo mostrato	[il collegamento ipertestuale] (http://www.esri.com) Nota: Non dimenticare il protocollo (HTTP o HTTPS) davanti agli URL
Punti elenco	* Prima cosa nell'elenco a punti * Seconda cosa nell'elenco a punti
Elenco ordinato	1. Prima cosa in un elenco numerato 1. Seconda cosa in un elenco numerato
Inserisci immagini	<img src="URL di origine immagine incluso HTTP o HTTPS"> Nota: Se si dispone di immagini nel proprio portale Enterprise è anche possibile sfruttare URL relativi come "../images/my-amazing-image"
Inserire immagine con collegamento ipertestuale	<a href="collega URL incluso HTTP o HTTPS"><img src="URL di origine immagine incluso HTTP o HTTPS"></a>

Qualche feedback su questo argomento?

Panoramica

Impostazioni dell’intestazione

Attenzione:

Nota:

Generatore temi

Suggerimento:

Generatore layout

Riga

Scheda dei banner

Scheda delle immagini

Scheda del testo

Attenzione:

Scheda delle categorie

Suggerimento:

Scheda delle informazioni di contatto

Scheda degli iframe

Attenzione:

Suggerimento:

Scheda grafico

Grafico a barre

Grafico a torta

Grafico JSON

Specifiche JSON

Scheda delle statistiche di riepilogo

Scheda della galleria

Impostazioni piè di pagina

Suggerimento:

Utilizzo del markdown

Foglio rapido markdown

Nota:

Nota:

Nota:

In questo argomento