HTML and CSS Reference
In-Depth Information
highlightStroke: "rgba(220,220,220,1)",
data: [20, 30, 50, 40, 10, 60]
}
]
};
var barChart = new Chart(ctxbar).Bar(data, {});
//grafico a torta
var ctxpie = $("#piechart").get(0).getContext("2d");
var data = [
{
value: 20,
color:"#F7464A",
label: "Gennaio"
},
{
value: 30,
color: "#46BFBD",
label: "Febbraio"
}];
var piechart = new Chart(ctxpie).Pie(data,{});
Il risultato di questo codice sono i grafici della figura 11.6 .
Figura 11.6 - I grafici a linea, a barre e a torta renderizzati con Chart.js
Come si intuisce dal codice dell'esempio 11.11 e dalla figura 11.6 , ottenere grafici potenti
con Chart.js è tutt'altro che complicato, quindi è comprensibile il motivo per cui suggeria-
mo l'uso di questa libreria.
Tuttavia questa non è l'unica disponibile sul mercato. In particolare, esistono due libre-
rie che sono molto usate nel Web: flot e Google Charts .
Search WWH ::




Custom Search