Grafico in Chart.js colonne di colore diverso

  • Creatore Discussione Creatore Discussione Stefi
  • Data di inizio Data di inizio

Stefi

Nuovo Utente
14 Mag 2013
18
0
0
Salve,
sto usando Chart.js per la creazioni dei grafici, utilizzo questa libreria perchè ho bisogno del grafico radar. Lavoro con PHP e JavaScript.

Il mio problema è nella creazione dei grafici bar. Devo creare quattro colonne di colori diversi. Solo che non riesco proprio a farlo.
La mia soluzione è stata di:

HTML:
<script type="text/javascript">
var data = {
			labels : ["Media mate","Abilità manuale","Informatica e logica","Visione nello spazio"],
			datasets : [
				{
					fillColor : "rgba(236,83,0,1)",
					strokeColor : "rgba(255,255,255,1)",
					data : [50]
				},
				{
				
					fillColor : "rgba(75,0,130,1)",
					strokeColor : "rgba(255,255,255,1)",
					data : [0,30]
				},
				{
				
					fillColor : "rgba(277,156,53,1)",
					strokeColor : "rgba(255,255,255,1)",
					data : [0,0,80]
				},
				{
				
					fillColor : "rgba(0,110,59,1)",
					strokeColor : "rgba(255,255,255,1)",
					data : [0,0,0,60]
				}
				
			]
		}
[..altro codice..]

</script>

Ho anche modificato il file Chart.js, sotto la funzione di bar con

Codice:
barStrokeWidth : 0,
barValueSpacing : 80,
barDatasetSpacing : 20,

e il risultato che ho ottenuto è stato
Cattura.PNG

Solo che le colonne dovrebbero essere centrate in mezzo, cosî:
Cattura.PNG

Qualcuno sa come aiutarmi?

è la mia prima discussione che posto, perciò se avete domande, o se per caso vi servissero più informazioni, ditemelo, almeno la prossima volta posso mettere tutte le informazioni.

Per le informazioni su Chart.js: http://www.chartjs.org/docs/
 
Ultima modifica di un moderatore:

Discussioni simili