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:
Come utilizzarlo
Per iniziare a creare il vostro grafico dovete scaricare lo script ed includerlo sul vostro sito.
Una volta incluso nella zona in cui volete far comparire il grafico inserite questo codice:
N.B: cambiare "myChart" con l'id con il quale volete identificare il grafico.
Per creare il grafico inserite questo codice javascript:
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:
se tutto va bene dovrebbe comparire il vostro grafico.
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:
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Per creare il grafico inserite questo codice javascript:
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Ora dovete inserire i gruppi di dati, le etichette e i dati. Per farlo prima della dichiarazione di "myNewChart" (var myNewChart) inserite questo codice:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
se tutto va bene dovrebbe comparire il vostro grafico.