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

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

• 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

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

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

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

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

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

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

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

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

Interpolazione

Esempi degli effetti del parametro interpolazione:

Crea la tabella TemplateData!