Skip To Content

Progettare il layout di un sito

Una volta configurato il sito e aggiunti i dati, è possibile usare l’Editor del sito per cominciare a progettare il proprio sito. L'Editor del sito è un editor di pagina completa che fornisce un modello predefinito che può essere modificato, in modo da adattarlo al marchio e ai dati del proprio sito, o rimosso completamente per iniziare da zero. Design the layout of your site by using drag-and-drop cards, setting an overall theme, and customizing the header and footer with markdown or custom HTML.

Access the Site Editor

Use the Site Editor to get started with designing your site or return at anytime to make changes.

  1. Sign in to the Site administrative application.
  2. Fare clic sulla scheda Siti.
  3. Find the site you want to edit and choose Site Editor.

Configurare le impostazioni del sito

Assegnare un nome al sito, fornire una descrizione e molto altro. Le impostazioni e le funzionalità del sito possono anche essere configurate facendo clic sulla scheda Siti per accedere al Gestore dei siti.

  1. Aprire il pannello laterale e fai clic su Informazioni Site.
  2. Provide a name in the Site Name field.
  3. Fornire alcune informazioni di base sul sito nel campo Info sul sito.
  4. Fornire una favicon opzionale incollando un URL dell'immagine nel campo Favicon personalizzata.
  5. Fare clic per attivare Google Analytics.
  6. Fare clic per attivare una Basemap personalizzata. È possibile scegliere la mappa desiderata dal menu a discesa.
  7. Fare clic su Funzionalità nella parte superiore del riquadro Personalizza per aprire il menu Funzionalità. In questo menu è possibile attivare le funzionalità disponibili. Per ulteriori informazioni sulle funzionalità, consultare Gestire le funzionalità del sito.

Intestazione

Fornire un URL immagine o utilizzare CSS personalizzato per contrassegnare la barra dei menu nella parte superiore del sito.

  1. Open the side panel and click Header. Usa logo e titolo sito per inserire un titolo e fornire un URL per il logo.
  2. To name your site, choose Use logo and site title to and enter a title in the Site Title text field to place a title in the header of your site.
  3. To place an image in the header of your site, paste an image URL in the Logo URL field.
  4. If you want to brand the header of your site with custom HTML or CSS, choose Use custom HTML/CSS.
  5. Modify the CSS box in the side panel and click Apply Changes to see your code in effect.
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.

Tema

Creare un tema per il sito scegliendo i colori dell’intestazione, del testo e dei pulsanti.

  1. To select a color for any of the following options, enter a color code or pick a color from the color picker next to the color code field.
    • The Header Background Color applies color to the header of your site.
    • The Header Text Color applies color of all text in the header.
    • The Body Background Color applies color to your site's rows.
    • The Body Text Color applies to text across your site.
    • Suggerimento:

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

      The Body Link Color applies color to any links provided on your site.
    • The Button Background Color applies color to buttons provided on your site.
    • The Button Text Color applies to the text on any buttons provided on your site.
  2. Once you've set colors, click Apply Changes.
  3. You can also apply fonts to text in the header and at the body of your site.
    • To choose a font for your site's body, click the Base Font settings icon.
    • To change the font for the header of your site, click the Header Font setting icon.
Nota:

To start over or return to default colors, choose Reset to Defaults at the bottom of the Theme menu.

Layout e schede

Il layout di base di un sito o una pagina è organizzato in righe e schede. Una scheda deve essere posizionata su una riga e non vi sono limiti al numero di schede che possono essere posizionate in una riga. Per modificare una scheda, fare clic sul pulsante Impostazioni. Per eliminare una scheda, fare clic sul pulsante Elimina. È possibile utilizzare le seguenti schede per creare il sito:riga, banner, immagine, mappa Web, testo, categoria, informazioni di contatto, galleria, iframe, dettagli evento, vista elenco eventi, video, social network, statistica di riepilogo e grafico.

Scheda riga

Usare le righe per costruire il layout generale del sito. Drag cards from the Site Editor to fill rows with additional cards, such as text, images, and media.

  1. Trascinare una riga dall’Editor dei siti sul layout.

    Nella pagina appaiono i marcatori che forniscono una guida.

  2. Passando il puntatore del mouse sopra la riga, appaiono tre pulsanti sul lato destro: le frecce per spostare la riga all’interno della pagina, un pulsante Impostazioni per la modifica e un pulsante Elimina per eliminare la riga.
  3. Fare clic sul pulsante Impostazioni per entrare nella modalità di modifica.
  4. Selezionare Layout della riga scegliendo Riquadro o Ampio.Ampio visualizza i contenuti su tutta la pagina, mentre Riquadro visualizza il contenuto a una larghezza fissa all'interno della riga.
  5. Impostare il colore del testo per la riga specifica.
  6. Impostare un colore di sfondo (quello predefinito è trasparente) o un’immagine di sfondo.
  7. Facoltativamente, aggiungere un'immagine facendo clic su Origine immagine e scegliendo di caricare un file immagine o fornire un URL immagine. Entrambe le opzioni supportano JPG, JPEG e PNG.
    • Per caricare un file immagine, scegliere Carica immagine e trascinare il file sulla casella nell'Editor dei siti oppure fare clic su Cerca immagine per individuare e aggiungere il file. La dimensione massima per i file è 3 MB.
    • In alternativa, fornire un URL immagine incollando un collegamento immagine supportato nel campo URL.
  8. Se si utilizza un file immagine, è possibile personalizzarlo facendo clic sul pulsante Taglia e trascinando un quadratino per ridimensionare il riquadro di ritaglio. Il riquadro di ritaglio può essere riposizionato trascinando sulla linea tratteggiata. È inoltre possibile eseguire lo zoom regolando il cursore sotto l'immagine e riposizionare l'immagine facendo clic all'interno del riquadro di ritaglio.
  9. Se si aggiunge il colore di sfondo e un'immagine, è inoltre possibile regolare Trasparenza immagine nel menu Aspetto immettendo una percentuale o utilizzando il cursore.
  10. Abilitare Sfondo fisso per dare un effetto di parallasse, in modo che il contenuto scorra ad una velocità diversa rispetto all'immagine di sfondo.
  11. Facoltativamente, impostare un punto per Punto focale immagine per garantire la messa a fuoco dell'immagine, in quanto si adatta alle diverse dimensioni dello schermo.

Scheda dei banner

Usare i banner per l’aggiunta di intestazioni e barre di ricerca all'interno del sito.

  1. Trascinare una scheda Banner 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. Immettere testo per Titolo e Sottotitolo.
  4. Dal menu Cerca, fare clic su Mostra barra di ricerca per aggiungere una barra di ricerca opzionale al banner. Facoltativamente, per aggiungere un’opzione secondaria di ricerca che consenta agli utenti di filtrare i risultati per posizione, fare clic su Aggiungi capacità di ricerca per posizione.
  5. È possibile inserire il testo del segnaposto che apparirà nelle barre di ricerca.
  6. Dal menu Opzioni, immettere un valore per Altezza minima per impostare l'altezza del banner. Il valore deve essere maggiore di zero.
  7. Dal menu Immagine di sfondo, scegliere facoltativamente di caricare un file immagine o fornire un URL immagine. Entrambe le opzioni supportano JPG, JPEG e PNG.
    • Per caricare un file immagine, scegliere Carica immagine e trascinare il file sulla casella nell'Editor dei siti oppure fare clic su Cerca immagine per individuare e aggiungere il file. La dimensione massima per i file è 3 MB.
    • In alternativa, fornire un URL immagine incollando un collegamento immagine supportato nel campo URL.
  8. Se si utilizza un file immagine, è possibile personalizzarlo facendo clic sul pulsante Taglia e trascinando un quadratino per ridimensionare il riquadro di ritaglio. Il riquadro di ritaglio può essere riposizionato trascinando sulla linea tratteggiata. È inoltre possibile regolare lo zoom sotto l’immagine con il cursore e riposizionare l'immagine facendo clic all'interno del riquadro di ritaglio.
  9. Per i caricamenti di immagini e per gli URL di immagini, è possibile selezionare facoltativamente un punto per Punto focale immagine per garantire un'area di messa a fuoco dell'immagine indipendentemente da come appare su diverse dimensioni dello schermo.

Scheda di ricerca

Aggiungere una barra di ricerca per aiutare le persone a trovare rapidamente i contenuti condivisi sul sito.

  1. Trascinare una scheda Cerca 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. Inserire il testo del segnaposto nel campo Testo del segnaposto di ricerca. Ad esempio, è possibile utilizzare "Cerca per parola chiave" o "Trova dati".
  4. Fare clic sulla casella di controllo Aggiungi funzionalità di ricerca per posizione per aggiungere una barra di ricerca aggiuntiva per la ricerca basata sulla posizione. È possibile inserire il testo del segnaposto nel campo Testo del segnaposto di ricerca.

Scheda delle immagini

Aggiungere immagini caricandole da file o fornendo un URL immagine. Le immagini condivise internamente saranno visibili solo agli utenti che effettuano l'accesso e appartengono al team o all’organizzazione.

  1. Trascinare una scheda immagine 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. Scegliere un’origine immagine. È possibile caricare un file immagine o fornire un URL immagine. Entrambe le opzioni supportano JPG, JPEG e PNG.
    • Per caricare un file immagine, scegliere Carica immagine e trascinare il file sulla casella nell'Editor dei siti oppure fare clic su Cerca immagine per individuare e aggiungere il file. La dimensione massima per i file è 3 MB.
    • In alternativa, fornire un URL immagine selezionando URL immagine e incollando un collegamento immagine supportato nel campo URL.
  4. Se si utilizza un file immagine, è possibile personalizzare le immagini caricate facendo clic sul pulsante Taglia e trascinando un quadratino per ridimensionare il riquadro di ritaglio. Il riquadro di ritaglio può essere riposizionato facendo clic e trascinando sulla linea tratteggiata. È inoltre possibile eseguire lo zoom regolando il cursore sotto l'immagine e riposizionare ulteriormente l'immagine facendo clic all'interno del riquadro di ritaglio.
  5. Dal menu Opzioni, fornire il testo alternativo dell'immagine per aiutare gli utenti non vedenti e migliorare l'accessibilità del sito.
  6. Fornire un collegamento ipertestuale di immagine e scegliere il collegamento da aprire nella stessa scheda o in una nuova scheda.
  7. Fornire testo per Didascalia immagine e scegliere l'allineamento del testo.
  8. Facoltativamente, fare clic su Regola l’immagine per il riempimento per impostare un punto focale per l'immagine. Il punto focale garantisce che l'immagine rimanga focalizzata dove lo si desidera, mentre l'immagine viene ridimensionata per schermi diversi.

Web Map

Displays web maps on your site. Web maps can be shared privately. Only those who belong to the team or organization will be able to access them when signed in.

  1. Drag aWeb Map card onto an existing row.
  2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
  3. Click Find a web map.
  4. Find a web map by searching My Maps, My Organization's Maps, or All Maps.
  5. To display a title for your map, click the toggle for Title.
  6. Set a Height (in pixels) for your map.

Scheda del testo

Formattare il testo, aggiungere liste e inserire tabelle. È possibile anche utilizzare l'HTML personalizzato.

  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. Aggiungere il testo.
  4. Selezionare il testo da formattare. Le opzioni di formattazione includono lo stile (aggiungere intestazioni, frammenti di codice e virgolette), grassetto, corsivo e collegamenti.
  5. Per impostare l'allineamento del testo, fare clic sulle opzioni del paragrafo e selezionare un allineamento. È possibile anche applicare un rientro o un rientro negativo a una riga di testo fare clic sulle opzioni del paragrafo e selezionando l’impostazione corrispondente.
Nota:

Il colore del testo può essere modificato nelle impostazioni della scheda della riga.

Aggiungere un elenco puntato o numerato

  1. Aggiungere il testo o selezionare un testo esistente.
  2. Scegliere l’elenco non ordinato per creare un elenco puntato.
  3. Scegliere l’elenco ordinato per aggiungere un elenco numerato.

Inserisci tabella

  1. Fare clic sulle opzioni tabella.
  2. Selezionare il numero di celle desiderate per riga e per colonna.
  3. 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.
Nota:

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

Inserire pulsanti e schede

  1. Fare clic sul pulsante Inserisci.
  2. Scegliere tra le seguenti opzioni:
    • Pulsante: consente di aggiungere un invito all'azione fornendo collegamenti a ulteriori informazioni.
    • Scheda ampia: consente di inserire una singola scheda per visualizzare contenuti, fornire collegamenti a ulteriori informazioni e visualizzare un'immagine.
    • Schede: consente di inserire più schede.
Nota:

Le immagini possono essere modificate fornendo un collegamento a un'immagine ospitata all'interno della visualizzazione del codice della scheda.

Aggiungere l’HTML

L’HTML può essere usato per personalizzare l’aspetto del testo.

  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 sull’opzione Visualizzazione codice.
Attenzione:

Per ragioni di sicurezza, le schede 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

Utilizzare le categorie per raggruppare i dataset nel sito in modo da poter sfogliare rapidamente i contenuti disponibili.

  1. Trascinare una scheda Categoria 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. Modificare il testo del collegamento della propria categoria.
  4. Selezionare Utilizza interrogazione tag o Utilizza 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.
  5. 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.
  6. 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.
  7. 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.

  1. Trascinare una scheda Informazioni di contatto 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. 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.

  4. Fare clic su Torna a editor siti per tornare al riquadro laterale principale.

Scheda della galleria

Use the gallery card to showcase apps, dashboards, datasets, sites, pages, webmaps, and documents. La scheda della galleria recupera automaticamente questi elementi dai gruppi ArcGIS Online dell’organizzazione. As you add content to your organization or a particular group, new application tiles appear on your site without having to edit the layout.

  1. Trascinare una scheda Galleria 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. Scegliere ciò che appare sulle schede facendo clic sul menu a discesa Visualizza e scegliendo di visualizzare il contenuto in base al tipo oppure selezionando manualmente i singoli elementi.
    • To show content based on type, click Dynamic, then choose either Apps, Dashboards, Datasets, Sites, Pages, Web Maps, or Documents. Ulteriori impostazioni richiedono di scegliere il numero di Schede mostrate e da quale gruppo o tag verranno interrogate.
      Suggerimento:

      Apps include the following items: applications, forms (Survey123), and web mapping applications. Supported Document types include PDF, Microsoft Excel, Microsoft PowerPoint, iWork Keynote, iWork Pages, iWork Documents, and Visio Documents.

    • Per mostrare un mix di contenuti, fare clic su Manuale, quindi selezionare i contenuti individualmente facendo clic su Aggiungi contenuto e scegliendo qualsiasi combinazione di app, dataset, siti e pagine appartenenti all’organizzazione.
      Suggerimento:

      Se si è optato per la visualizzazione manuale, è possibile riordinare il modo in cui le schede vengono visualizzate nel layout, regolando l'elenco delle carte nell'Editor dei siti. Fare clic sul nome di una scheda per trascinarla in una nuova posizione nell'elenco.

  4. Dal menu a discesa Stile, scegliere l'aspetto delle schede della galleria con le seguenti opzioni:
    • Immagine: scegliere icone o miniature. ArcGIS OnlineEditor del sitoSitiArcGIS OnlineI miei contenutiModifica anteprimaArcGIS OnlineDettagli dell’elementoContenutiOverviewEdit Thumbnail Dettagli dell’elemento
    • Angoli: scegliere angoli quadrati o arrotondati.
    • Testo del pulsante: facoltativamente, rinominare il pulsante Esplora immettendo un nuovo nome nella casella di testo.

Scheda degli iframe

Incorporare iframe e risorse esterne.

Attenzione:

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

  1. Trascinare una scheda iframe 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. Inserire l’URL e l’altezza del proprio iframe.
  4. Aggiungi un titolo all’iframe.
  5. Abilitare lo scorrimento attivando Auto.
  6. Fare clic su Applica.
Nota:

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 video

Aggiungere schede video per integrare video di YouTube, Vimeo o Facebook.

  1. Trascinare una scheda Media 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. Incollare un URL video da Facebook, Vimeo o YouTube nel campo URL video.
  4. A seconda della sorgente video, vengono visualizzate ulteriori opzioni che consentono di configurare la visualizzazione del video:
    • Per video Facebook, selezionare Mostra testo del post per visualizzare il numero di Mi piace, commenti, condivisioni e altro testo correlato. Selezionare Mostra sempre le didascalie per visualizzare didascalie video.
    • Per video Vimeo, scegliere Mostra il titolo del video, Mostra il proprietario del video, Mostra l’anteprima del proprietario del video e Riprendere la riproduzione video.
    • Per video YouTube, selezionare Mostra il marchio di Youtube e Riprendere la riproduzione video.
  5. Fare clic sul pulsante Copia accanto a URL video per salvare il link negli Appunti in modo da poterlo riutilizzare altrove nell'app.

Scheda dei social network

Condividere post di social network e sequenze temporali direttamente sui siti utilizzando gli URL.

Post di Facebook

Visualizzare un singolo post per evidenziare qualcosa di specifico.

  1. Trascinare una scheda Social network 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. Nel campo URL del post del social network, incollare un URL per qualsiasi post di Facebook condiviso pubblicamente. Per copiare l'URL corretto, fare clic sulla sequenza temporale del post (la data o l'ora nell'angolo in alto a sinistra del post), quindi copiare il nuovo URL nel browser prima di tornare a modificare il sito.
  4. Facoltativamente, fare clic sul selettore per Mostra testo del post per visualizzare il testo associato al post.

Sequenza temporale di Facebook

Visualizzare Sequenza temporale, Eventi e Messaggi di una pagina di Facebook per una maggiore esplorazione.

  1. Trascinare una scheda Social network 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. Nel campo URL del post del social network, incollare un URL per qualsiasi pagina di Facebook condivisa pubblicamente.
  4. Facoltativamente, fare clic per attivare o disattivare una combinazione delle seguenti opzioni:
    • Schede di pagine di Facebook visualizza una Sequenza temporale sotto l’intestazione della pagina. Fare clic su questa opzione se si desidera condividere la sequenza temporale insieme a Eventi e/o Messaggi.
    • Eventi mostra una vista elenco solo delle visualizzazioni degli eventi della pagina.
    • Messaggi consente di digitare e inviare messaggi all’amministratore della pagina di Facebook utilizzando Facebook Messenger.
    • Usa intestazione grande aumenta le dimensioni dell’intestazione della pagina e aggiunge un pulsante Invia messaggio per collegare le persone a Facebook Messenger.
    • Mostra foto di copertina consente di mostrare la foto di copertina della pagina.

Post di Twitter

Visualizzare un singolo post di Twitter per evidenziare un tweet specifico.

  1. Trascinare una scheda Social network 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. Nel campo URL del post del social network, incollare un URL per qualsiasi post di Twitter condiviso pubblicamente. To get the link for a single Tweet, click the more icon at the top right of the post, then choose Copy Link to Tweet.
  4. Facoltativamente, fare clic per attivare o disattivare una combinazione delle seguenti opzioni nel menu Opzioni:
    • Mostra tema scuro inverte il colore del display.
    • Selezionare ampiezza del Tweet consente di selezionare le dimensioni di visualizzazione del post. Le opzioni includono Piccolo, Medio e Grande.
  5. Selezionare la posizione del Tweet consente di selezionare l’allineamento a Sinistra, Centro o Destra.

Sequenza temporale di Twitter

Visualizzare una sequenza temporale di Twitter scorrevole.

  1. Trascinare una scheda Social network 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. Nel campo URL del post del social network, incollare un URL per qualsiasi sequenza temporale di Twitter condivisa pubblicamente.
  4. Facoltativamente, fare clic per attivare o disattivare una combinazione delle seguenti opzioni nel menu Opzioni:
    • Selezionare l’altezza della raccolta scegliendo Predefinito per rimanere con la visualizzazione attuale o selezionare Espanso per mostrare di più della sequenza temporale.
    • Limite Tweet imposta il numero di tweet visualizzati nella sequenza temporale.
    • Mostra tema scuro inverte il colore del display.
    • Mostra intestazione consente di visualizzare un’intestazione. Allo stesso modo, selezionare Mostra piè di pagina per visualizzare un piè di pagina.
    • Mostra bordo consente di visualizzare un bordo intorno alla sequenza temporale.
    • Mostra sfondo consente di rimuovere lo sfondo.

Raccolta di Twitter

Visualizzare una raccolta di Twitter nel sito. Per informazioni su come creare una raccolta di Twitter, consultare la documentazione per sviluppatori di Twitter su come Gestire una raccolta di tweet.

  1. Trascinare una scheda Social network 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. Nel campo URL del post del social network, incollare un URL per qualsiasi raccolta di Twitter condivisa pubblicamente.
  4. Facoltativamente, fare clic per attivare o disattivare una combinazione delle seguenti opzioni nel menu Opzioni:
    • Limite di tweet consente di impostare un limite per il numero di tweet mostrati nella raccolta.
    • Altezza estesa consente di mostrare più elementi della raccolta.
    • Mostra tema scuro cambia il colore del testo in bianco e applica uno sfondo grigio scuro.
    • Mostra intestazione mostra il titolo della raccolta. Allo stesso modo, selezionare Mostra piè di pagina per visualizzare un piè di pagina in cui sono riportati i collegamenti a Incorpora o Visualizza su Twitter.
    • Mostra bordo visualizza un bordo intorno alla sequenza temporale.
    • Mostra sfondo applica uno sfondo bianco alla scheda. Se è stato selezionato anche Mostra tema scuro, verrà applicato uno sfondo grigio scuro.

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. Only those who have access will be able to summary statistics upon sign in that have been generated using internally shared data.

  1. Trascinare una scheda di Statistica 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 che apre un selezionatore di elementi per trovare servizi dati a propria scelta. 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 servizio selezionato. Questo campo sarà utilizzato nei passaggi successivi.
  5. Per Tipo statistico, scegliere il tipo di operazione da eseguire nel 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. È 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.
  7. Immettere un titolo nella casella di testo Titolo.
  8. Facoltativamente, immettere testo per Testo finale per fornire dettagli per la statistica e modificare l’impostazione Colore in risalto per la statistica stessa.

Scheda grafico

Creare grafici semplici direttamente dai propri dataset, oppure inserire il proprio JSON per creare un grafico personalizzato. Charts that are created with privately shared data will only be viewable to those who have access to either your team or organization when signed in.

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.

  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 Scegli 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, 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.

  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. Select an attribute, then click the sort icon next to the attribute to display data in ascending or descending order.
    • Set a height value (pixels) for your chart in the Height (px) text field.
    • Choose to display a title for your chart by clicking the toggle next to Chart Title. If displaying a title, enter its name in the provided text field and choose an alignment.
    • Set Primary Chart Color by entering a color code or click the color picker to choose a color.
    • Provide text for the Category Label and the Value Label.

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.

  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 Scegli 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 Scegli 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 Scegli 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. Select an attribute, then click the sort icon next to the attribute to display data in ascending or descending order.
    • Set a height value (pixels) for your chart in the Height (px) text field.
    • Choose to display a title for your chart by clicking the toggle next to Chart Title. If displaying a title, enter its name in the provided text field and choose an alignment.
    • Set a Category Label text for the label of each pie wedge in the tooltip and the Value Label text for the label of the metric in the tooltip.

Grafico a linee

Line charts are created from queries to a selected dataset and are automatically updated as your dataset is updated.

  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 Scegli 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 Scegli 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 Scegli 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. Select an attribute, then click the sort icon next to the attribute to display data in ascending or descending order.
    • Set a height value (pixels) for your chart in the Height (px) text field.
    • Choose to display a title for your chart by clicking the toggle next to Chart Title. If displaying a title, enter its name in the provided text field and choose an alignment.
    • Set Primary Chart Color by entering a color code or click the color picker to choose a color.
    • Set a Category Label text for the label of each point in the tooltip and the Value Label text for the label of the metric in the tooltip

Grafico a dispersione

Scatter plots are created from queries to a selected dataset and are automatically updated as your dataset is updated.

  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 scatter plot button.
  4. Fare clic su (+) Aggiungi dati.
  5. Selezionare un elemento dai servizi dati disponibili.
  6. For Choose X Axis Attribute, choose the primary charting item from your data.

    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. Select an attribute for the Choose Y Axis Attribute field. hoose a numeric field to serve as a value metric for your category attribute.

    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. Select an attribute, then click the sort icon next to the attribute to display data in ascending or descending order.
    • Set a height value (pixels) for your chart in the Height (px) text field.
    • Choose to display a title for your chart by clicking the toggle next to Chart Title. If displaying a title, enter its name in the provided text field and choose an alignment.
    • Set Primary Chart Color by entering a color code or click the color picker to choose a color.
    • Set an X Axis Label and aY Axis Label to display on your chart.

Grafico JSON

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

  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).

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

Piè di pagina

Le impostazioni predefinite dell’Editor di siti non prevedono un piè di pagina. You must create a custom footer to have a persistent footer across all pages of your site.

  1. From the Footer section, select Custom.

    Nella pagina appare un piè di pagina predefinito e viene visualizzata una casella CSS nel pannello laterale.

  2. Fare clic sul pulsante Impostazioni nell’angolo in basso a destra del piè di pagina per modificare l’HTML.
  3. Fare nuovamente clic sul pulsante Impostazioni per visualizzare le modifiche.
  4. 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.