Guida Creare un grafico

[chack1172]

Volete creare un grafico sul vostro sito web ma non sapete da dove partire e soprattutto come fare?
Per farlo è semplice, basta utilizzare Chart.js

Chart.js

Cos'è?
Chars.js è uno script gratuito che ti permette di creare grafici sul tuo sito web con una struttura responsive.
Esso ti permette di scegliere tra 6 grafici ognuno diverso dall'altro:

• a linee (Line)
• a barre (Bar)
• a radarù (Radar)
• ad area polare (PolarArea)
• a torta (Pie)
• a ciambella (Doughnut)

Come utilizzarlo
Per iniziare a creare il vostro grafico dovete scaricare lo script ed includerlo sul vostro sito.

Perfavore, Entra oppure Registrati per vedere i Link!

Una volta incluso nella zona in cui volete far comparire il grafico inserite questo codice:

Perfavore, Entra oppure Registrati per vedere i codici!

N.B: cambiare "myChart" con l'id con il quale volete identificare il grafico.
Per creare il grafico inserite questo codice javascript:

Perfavore, Entra oppure Registrati per vedere i codici!

N.B: cambiare PolarArea con il tipo di grafico che volete usare. Il tipo si trova nella lista in cima dentro le parentesi tonde.

Ora dovete inserire i gruppi di dati, le etichette e i dati. Per farlo prima della dichiarazione di "myNewChart" (var myNewChart) inserite questo codice:

Perfavore, Entra oppure Registrati per vedere i codici!

se tutto va bene dovrebbe comparire il vostro grafico.

 

[ptm]

Interessante :ok: Bella guida

 

[Matheeus]

Molto interessante questa library JS, gli ho dato uno sguardo prima sul loro sito web e devo dire che non è niente male.

Moderno sia nello stile che nei codici e le tecnologie impiegate.