codice:
<%@LANGUAGE="VBSCRIPT"%>
<HTML>
<HEAD>
<title>TEAM-GEST: SOFTWARE PROFESSIONALE PER GESTIRE IL TUO TEAM</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/images/logo1.ico" />
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="Chart.js"></script>
</HEAD>
<body bgcolor="#7A8996">
<canvas id="myChart" width="700" height="500"></canvas>
<script>
// Definisco i dati da mostrare nel grafico
var data = {
labels: ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre"],
datasets: [
{
label: "Temperature 2013",
fillColor: "rgba(99,240,220,0.2)",
strokeColor: "rgba(99,240,220,1)",
pointColor: "rgba(99,240,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [1, 1, 9, 2, 3, 3, 4, 8, 2]
},
{
title: "Temperature 2014",
fillColor: "rgba(205,99,151,0.2)",
strokeColor: "rgba(205,99,151,1)",
pointColor: "rgba(205,99,151,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)",
data: [9, 0, 5, 5, 2, 1, 7, 2, 2]
}
]
};
var options = {
title:"VERIFICHE",
titleTextStyle:{color: "#fff", fontName: "Trebuchet MS", fontSize: 20},
backgroundColor:"#7A8996",
chartArea:{left:20,top:150,width:'100%',height:'10 0%'},
fontSize:16,
fontname:"Trebuchet MS",
legend:{position: "right", textStyle:{color: "#fff", fontName: "Trebuchet MS", fontSize: 16}},
};
// Ottengo il contesto 2D del Canvas in cui mostrare il grafico
var ctx = document.getElementById("myChart").getContext("2d" );
// Crea il grafico e visualizza i dati
var myNewChart = new Chart(ctx);
//myNewChart.Bar(data);
myNewChart.Line(data,options);
</script>
</body>
</HTML>