HTML and CSS Reference
In-Depth Information
Nel caso, invece, di grafico a torta, l'oggetto con i dati รจ composto da un array di oggetti
dove ogni oggetto rappresenta il valore da riportare sul grafico, il colore con cui deve essere
rappresentato e la label.
L'esempio 11.11
mostra come creare un grafico a linee.
Esempio 11.11
//Grafico a linee
var ctxline = $("#linechart").get(0).getContext("2d");
var data = {
labels: ["Gennaio", "Febbraio", "Marzo", "Aprile", "Mag-
gio",
"Giugno", ],
datasets: [
{
fillColor: "rgba(220,220,220,0)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [20, 30, 50, 40, 10, 60]
}
]
};
var linechart = new Chart(ctxline).Line(data, {});
//grafico a barre
var ctxbar = $("#barchart").get(0).getContext("2d");
var data = {
labels: ["Gennaio", "Febbraio", "Marzo", "Aprile", "Mag-
gio",
"Giugno", ],
datasets: [
{
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
