Template:Grafico

Istruzioni per l'uso
Le istruzioni che seguono sono contenute nella sottopagina Template:Grafico/man (modifica · cronologia)
Sandbox: Template:Grafico/Sandbox (modifica · cronologia) · TemplateStyles: Template:Grafico/styles.css (modifica · cronologia) · Tutte le sottopagine: lista

Questo template permette di creare grafici a linee, ad area e istogrammi, normali e cumulativi.

Sintassi

larghezza: larghezza del diagramma (in pixel)
altezza: altezza del diagramma (in pixel)
tipo: tipo del diagramma, uno di line per diagrammi a linea, area per diagrammi ad area e rect per istogrammi a colonna. Serie multiple possono essere impilate usando il prefisso stacked, per esempio stackedarea.
interpolazione: metodo di interpolazione per i diagrammi a linea e ad area. Si raccomanda di usare monotone per una interpolazione cubica monotona – ulteriori valori supportati sono elencati a https://github.com/trifacta/vega/wiki/Marks#area.
legenda: Se si vuole inserire la legenda interna, precisare il titolo (in questo caso i valori dei titoli delle serie y1, y2, .. yn non potranno contenere wikilink)
legenda esterna: Titolo della legenda se da inserire esternamente al grafico (in questo caso si potranno usare wikilink nei titoli delle serie y1, y2, ... yn)
allineamento: allineamento del grafico, uno fra left, right o center
titolo asse x / titolo asse y : titolo degli assi
minimo asse x / massimo asse x: valore minimo e massimo dell'asse x
minimo asse y / massimo asse y: valore minimo e massimo dell'asse y
formato asse x / formato asse y: modifica la formattazione delle etichette degli assi x e y. I valori supportati sono indicati in https://github.com/d3/d3-format/blob/master/README.md#api-reference . Per esempio il formato d può essere usato per omettere il separatore delle migliaia per gli anni
griglia asse x / griglia asse y: se visualizzare o meno la griglia per l'asse, indicare sì o no (salvo diversa indicazione viene creata automaticamente la griglia per l'asse y)
tacche asse x / tacche asse y: il template genera automaticamente le tacche per gli assi, volendo è possibile fornire dei valori alternativi elencandoli esplicitamente separati da ","
n tacche asse x / n tacche asse y: invece di elencarle esplicitamente indicare quante tacche devono essere visualizzate per ogni asse
tacche secondarie asse x / tacche secondarie asse y : il numero di tacche minori che si devono visualizzare tra le tacche maggiori
titolo y1, titolo y2 ... titolo yn: i titoli per le serie di dati, da utilizzare per generare una didascalia
x: la serie di dati dell'asse x. Se i valori sono separati da "," si dovrà usare il "." come separatore decimale per i numeri, se si utilizzare il ";" per separare i numeri si può usare la virgola (",") come separatore decimale. I valori saranno messi in corrispondenza con quelli indicati per l'asse x ed è possibile saltare dei valori.
y1, y2 ... yn: le serie di dati di dati dell'asse y.Nomi dei colori HTML Se i valori sono separati da virgola (",") si dovrà usare il punto (".") come separatore decimale per i numeri, se si utilizza il punto e virgola (";"), per separare i numeri si può usare la virgola (",") come separatore decimale. I valori saranno messi in corrispondenza con quelli indicati per l'asse x ed è possibile saltare dei valori.
colori: lista di colori da usare per ogni serie di dati separati da ",". I colori devono essere dati come #rgb/#rrggbb/#aarrggbb o utilizzando un nome di colore CSS. Nel caso di #aarrggbb la componente aa indica il canale alfa, con FF=100% completamento opaco, 80=50% opaco/trasparente, ecc.. La palette predefinita è la category10).
alfa: lista di canali alfa, permette di assegnare l'opacità senza dover specificare anche i colori. Provare per esempio alfa=80
spessore linea: lo spessore in pixel della linea per i grafici a linea
simboli: lista di simboli separati da virgola per indicare il simbolo da far comparire in corrispondenza dei valori del grafico, può essere uno fra circle, square, cross, diamond, triangle-up o triangle-down. Si può precisare un simbolo per ogni serie di dati y1, y2, ... yn.
dimensione simboli: dimensione (area in pixel dei simboli). Precisare un unico valore
colori per gruppo x: per istogrammi assegna i colori per gruppo di barre piuttosto che secondo la posizione della barra nel gruppo
nocat: per omettere la categorizzazione in una categoria di errore
debug_json: invece di visualizzare il grafico restituisce il codice json generato

(legenda colori)

{{Grafico
|larghezza = 

|altezza = 

|tipo = 

|interpolazione = 

|simboli = 

|dimensione simboli = 

|legenda = 

|legenda esterna = 

|allineamento = 

|titolo asse x = 

|titolo asse y = 

|minimo asse x = 

|massimo asse x = 

|minimo asse y = 

|massimo asse y = 

|formato asse x = 

|formato asse y = 

|griglia asse x = 

|griglia asse y = 

|tacche asse x = 

|tacche asse y = 

|n tacche asse x = 

|n tacche asse y = 

|tacche secondarie asse x = 

|tacche secondarie asse y = 

|titolo y1 = 

|titolo y2 = 

|titolo yn = 

|x = 

|y = 

|colori = 

|alfa = 

|spessore linea = 

|colori per gruppo x = 

|nocat = 

|debug_json = 
}}

Esempi

Diagramma a linea:

{{Grafico|x=1,2,3,4,5,6,7,8|y=10, 12, 6, 14, 2, 10, 7, 9|allineamento=left|larghezza=400|altezza=200}}

Questo grafico non è disponibile a causa di un problema tecnico.
Si prega di non rimuoverlo.

Nota: L'asse y inizia al valore più piccolo di y, questo si può modificare usando il parametro minimo asse y.

Diagramma ad area:

{{Grafico|tipo=area|x=1,2,3,4,5,6,7,8|y=10, 12, 6, 14, 2, 10, 7, 9|allineamento=left|larghezza=400|altezza=200}}

Questo grafico non è disponibile a causa di un problema tecnico.
Si prega di non rimuoverlo.

Nota: In questo caso l'asse y inizia da zero

Istogramma:

{{Grafico|tipo=rect|x=1,2,3,4,5,6,7,8|y=10, 12, 6, 14, 2, 10, 7, 9|allineamento=left|larghezza=400|altezza=200}}

Questo grafico non è disponibile a causa di un problema tecnico.
Si prega di non rimuoverlo.

Diagramma a linea con più di una serie dati:

{{Grafico|legenda=Legenda|x=1,2,3,4,5,6,7,8|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2|colori=#0000aa,#ff8000|allineamento=left|larghezza=400|altezza=200}}

Questo grafico non è disponibile a causa di un problema tecnico.
Si prega di non rimuoverlo.

Diagramma ad area con più di una serie dati con sovrapposizione trasparente:

{{Grafico|legenda=Legenda|tipo=area|x=1,2,3,4,5,6,7,8|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2|colori=#800000aa,#80ff8000|allineamento=left|larghezza=400|altezza=200}}

Questo grafico non è disponibile a causa di un problema tecnico.
Si prega di non rimuoverlo.

Istogramma con serie di dati multiple:

{{Grafico|legenda=Legenda|tipo=rect|x=1,2,3,4,5,6,7,8|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2|colori=#800000aa,#80ff8000|allineamento=left|larghezza=400|altezza=200}}

Questo grafico non è disponibile a causa di un problema tecnico.
Si prega di non rimuoverlo.

Diagramma ad area con linea dei dati interpolata:

{{Grafico|legenda=Legenda|tipo=area cumulativa|x=1,2,3,4,5,6,7,8|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2|interpolazione=monotone|colori=seagreen, orchid|allineamento=left|larghezza=400|altezza=200}}

Questo grafico non è disponibile a causa di un problema tecnico.
Si prega di non rimuoverlo.

Istogramma con serie di dati impilati:

{{Grafico|legenda=Legenda|tipo=istogramma cumulativo|x=1,2,3,4,5,6,7,8|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2|titolo y1=Serie A|titolo y2=Serie B|colori=seagreen, orchid|allineamento=left|larghezza=400|altezza=200}}

Questo grafico non è disponibile a causa di un problema tecnico.
Si prega di non rimuoverlo.

Interpolazione

Esempi degli effetti del parametro interpolazione:

Questo grafico non è disponibile a causa di un problema tecnico.
Si prega di non rimuoverlo.

Crea la tabella TemplateData!