Crea grafici a barre, a linee o a torta per mostrare i dati ai visitatori in un formato accattivante.

Utilizza un blocco grafico per creare visualizzazioni di dati sul tuo sito. I grafici sono ideali per spiegare le relazioni tra diverse serie di dati in modo convincente. È possibile creare e modificare grafici a barre, grafici a linee e grafici a torta.

I Blocchi grafico sono una buona alternativa all'incorporamento di immagini statiche di grafici creati in programmi al di fuori di Squarespace. I grafici si ridimensionano in maniera reattiva per garantire un aspetto ottimale in schermi di dimensioni diverse ed è possibile aggiornare i dati in qualsiasi momento.

Suggerimento: questa guida spiega come aggiungere grafici al tuo sito. Per aggiungere una tabella con colonne e righe, puoi aggiungere codice personalizzato. Per maggiori informazioni, vedi questo post nello Squarespace Forum.

Nota: le personalizzazioni del codice non rientrano nell'ambito della nostra assistenza. Ciò significa che non possiamo fornire assistenza in relazione alla configurazione o alla risoluzione dei problemi.

Prima di iniziare

Ti consigliamo di preparare i dati in un file .csv in un programma per fogli di calcolo come Excel o Fogli Google. Assicurati che le colonne e le righe abbiano intestazioni in modo che si traducano in intestazioni nel blocco.

Aggiungere un Blocco grafico

Per aggiungere un Blocco grafico:

1. Modifica una pagina o un post, clicca su Aggiungi blocco o su un punto di inserimento, quindi clicca su Grafico. Per assistenza, visita Aggiungere contenuti con blocchi.
2. Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco.
3. Clicca su Grafico a barre, Grafico a linee o Grafico a torta. L'editor grafico si apre e visualizza un'anteprima del grafico con il contenuto dei segnaposto.

4. Usa le schede Dati o Importazione/Esportazione per aggiungere dati.
5. Usa la scheda Design per progettare il grafico. Se il tuo sito è nella versione 7.0, fai clic su Applica  per pubblicare le modifiche.

Per istruzioni dettagliate, consulta le sezioni seguenti.

Layout Blocco grafico

Ecco alcuni esempi di ciascun layout Blocco grafico. Puoi modificare il layout nella scheda dati di questo blocco. Mentre selezioni un layout, vedrai un'anteprima della pagina. Potrebbe essere necessario ridisporre i dati in modo che si adattino al meglio al nuovo layout.

Aggiungere dati

Dopo aver scelto il tipo di grafico, è possibile utilizzare la scheda Importa/Esporta per importare dati da un file CSV oppure la scheda Dati per aggiungerli manualmente.

Nota: è possibile aggiungere fino a 25 righe e 25 colonne. Immettere solo numeri. L'editor converte tutti i simboli del dollaro ($) in 0.

Option 1 - Copy data from a .csv

Se hai un foglio di calcolo con i dati, puoi copiare e incollarlo da un file .cvs di testo normale . Consigliamo questo metodo, soprattutto se ci sono molti dati e si ha familiarità con la costruzione di fogli di calcolo in Excel o Google Sheet.

Tip: In your spreadsheet program, use column and row headers to create labels for the chart. You’ll then open the .csv in a plain text editor since the block can’t import cells from a spreadsheet.

1. Tenere aperto l'editor Blocchi grafico.
2. In your spreadsheet program, save your data as a .csv file.
3. Open the file in a plain text editor like Notepad or TextEdit.
4. Evidenzia tutto e copia il testo.
5. Nell'editor dei blocchi, clicca su Importa/Esporta.
6. Eliminare i dati di segnaposto nel campo Dati grafico.
7. Paste the text you copied from the .csv.
8. Clicca su Aggiorna, quindi su Conferma nel messaggio che appare.
9. The chart preview will refresh with new data.

I dati nella scheda Importazione / Esportazione dovrebbero essere simili a:

Option 2 - Enter or edit data manually

È possibile costruire il grafico da zero inserendo le righe una ad una nell'editor blocchi. Utilizzare questa opzione se non si dispone di dati già esistenti o se il grafico è abbastanza semplice. È possibile seguire questi passaggi anche per modificare qualsiasi dato dopo averlo importato.

1. Nella scheda Dati dell'editor di blocchi, rimuovere le righe provvisorie trascinando e rilasciandole nel cestino che appare.
2. Clicca sull'icona + nella parte superiore destra per aggiungere nuove colonne e intestazioni di colonna. I Blocchi grafico possono avere solo due colonne.
3. Clicca sull'icona + nella parte inferiore sinistra per aggiungere nuove righe e intestazioni di riga.
4. Fare clic in una cella per immettere nuovi dati o sostituire i dati provvisori. Riempire tutte le celle. Mentre si immettono dati, è possibile aggiornare l'anteprima del grafico.

Tip: Navigate between cells and rows with the Tab key, just like in any spreadsheet program.

5. Verificare Capovolgi gli assi X e Y per modificare la modalità di tracciatura dei dati. Non è consigliabile per i Blocchi grafico a torta.

Suggerimenti per la formattazione

Il modo in cui vengono formattati i dati dipende dal tipo di blocco grafico utilizzato. Per ulteriori informazioni sulla formattazione di ogni grafico, segui questi suggerimenti.

Disegnare il grafico

Nella scheda Design è possibile aggiungere del testo personalizzato, visualizzare una legenda e scegliere una tavolozza di colori. Per ulteriori informazioni su queste opzioni di progettazione, consultare questa tabella:

Definire lo stile del testo

Utilizza Stili sito per modificare il tipo di carattere e il colore del testo del blocco. La modalità di definizione dello stile del testo dipende dalla versione di Squarespace del tuo sito.

Esporta i dati del grafico

Per eseguire il backup dei dati in un file .csv al di fuori di Squarespace:

1. Apri il pannello Pagine.
2. Clicca su Modifica nella pagina o post in cui il Blocco grafico viene visualizzato.
3. Clicca due volte sul Blocco grafico.
4. Clicca su Importa/Esporta.
5. Copia i dati nel campo Dati grafico.
6. Paste the data into a plain text editor.
7. Save the file as a .csv. This converts the file into a spreadsheet.