Template:Grafico

Da Wikipedia, l'enciclopedia libera.
Jump to navigation Jump to search
Info Istruzioni per l'uso
Le istruzioni che seguono sono contenute nella sottopagina Template:Grafico/man (modifica · cronologia)
Sandbox: Template:Grafico/Sandbox (modifica · cronologia) · Tutte le sottopagine: lista

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

Parametri

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 interna: 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)
  • titolo didascalia: 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 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. 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/transparente, 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 interna = 
|titolo didascalia = 
|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 = 
|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}}


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 interna=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 interna=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 interna=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 interna=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 interna=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!