You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
2.6 KiB
123 lines
2.6 KiB
window.onload = function () {
|
|
/*data = [{
|
|
type: "line",
|
|
xValueFormatString: "Pierre",
|
|
dataPoints: [
|
|
{ x: 0, y: 0 },
|
|
{ x: 1, y: 50 },
|
|
{ x: 2, y: 100 },
|
|
{ x: 3, y: 150 },
|
|
{ x: 4, y: 150 },
|
|
{ x: 5, y: 200 },
|
|
]
|
|
},
|
|
{
|
|
type: "line",
|
|
xValueFormatString: "Noe",
|
|
dataPoints: [
|
|
{ x: 0, y: 0 },
|
|
{ x: 1, y: 100 },
|
|
{ x: 2, y: 100 },
|
|
{ x: 3, y: 200 },
|
|
{ x: 4, y: 250 },
|
|
{ x: 5, y: 300 },
|
|
]
|
|
},
|
|
{
|
|
type: "line",
|
|
xValueFormatString: "Nathan",
|
|
dataPoints: [
|
|
{ x: 0, y: 0 },
|
|
{ x: 1, y: 75 },
|
|
{ x: 2, y: 100 },
|
|
{ x: 3, y: 150 },
|
|
{ x: 4, y: 200 },
|
|
{ x: 5, y: 250 },
|
|
]
|
|
}]*/
|
|
|
|
v1 = {
|
|
type: "line",
|
|
xValueFormatString: "Pierre",
|
|
dataPoints: [
|
|
{ x: 0, y: 0 },
|
|
{ x: 1, y: 50 },
|
|
{ x: 2, y: 100 },
|
|
{ x: 3, y: 150 },
|
|
{ x: 4, y: 150 },
|
|
{ x: 5, y: 200 },
|
|
]
|
|
}
|
|
|
|
|
|
v2 = {
|
|
type: "line",
|
|
xValueFormatString: "Noe",
|
|
dataPoints: [
|
|
{ x: 0, y: 0 },
|
|
{ x: 1, y: 100 },
|
|
{ x: 2, y: 100 },
|
|
{ x: 3, y: 200 },
|
|
{ x: 4, y: 250 },
|
|
{ x: 5, y: 300 },
|
|
]
|
|
}
|
|
|
|
///dataPoints=[{x:0,y:0},{x:1,y:300}]
|
|
|
|
|
|
|
|
///v3={type:"line",xValueFormatString:"test",dataPoints};
|
|
|
|
data = [];
|
|
|
|
v = {}
|
|
v.type="line";
|
|
v.xValueFormatString="test";
|
|
v.dataPoints=[];
|
|
v.dataPoints.push({x:0,y:0});
|
|
v.dataPoints.push({x:0.5,y:300});
|
|
|
|
data.push(v);
|
|
|
|
v = {}
|
|
v.type="line";
|
|
v.xValueFormatString="toto";
|
|
v.dataPoints=[{ x: 0, y: 0 },
|
|
{ x: 1, y: 100 },
|
|
{ x: 2, y: 100 },
|
|
{ x: 3, y: 200 },
|
|
{ x: 4, y: 250 },
|
|
{ x: 5, y: 300 },];
|
|
|
|
data.push(v);
|
|
///data.push(v3);
|
|
console.log(data);
|
|
|
|
var chart = new CanvasJS.Chart("chartContainer", {
|
|
animationEnabled: true,
|
|
zoomEnabled: true,
|
|
theme: "dark2",
|
|
title: {
|
|
text: "Score"
|
|
},
|
|
axisX: {
|
|
title: "Temps",
|
|
valueFormatString: "####",
|
|
interval: 1
|
|
},
|
|
axisY: {
|
|
title: "Point",
|
|
titleFontColor: "#6D78AD",
|
|
lineColor: "#6D78AD",
|
|
gridThickness: 0,
|
|
lineThickness: 1,
|
|
},
|
|
legend: {
|
|
verticalAlign: "top",
|
|
fontSize: 16,
|
|
},
|
|
data
|
|
});
|
|
chart.render();
|
|
} |