parent
d7fec80c71
commit
285a554581
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
After Width: | Height: | Size: 3.7 MiB |
After Width: | Height: | Size: 814 KiB |
After Width: | Height: | Size: 5.5 KiB |
@ -1,75 +1,27 @@
|
|||||||
<!DOCTYPE HTML>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<script>
|
<meta charset="UTF-8" />
|
||||||
window.onload = function () {
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
var chart = new CanvasJS.Chart("chartContainer", {
|
<title>Bootstrap Site</title>
|
||||||
animationEnabled: true,
|
<link
|
||||||
zoomEnabled: true,
|
rel="stylesheet"
|
||||||
theme: "dark2",
|
href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
|
||||||
title: {
|
integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
|
||||||
text: "Score"
|
crossorigin="anonymous"
|
||||||
},
|
/>
|
||||||
axisX: {
|
<script
|
||||||
title: "Enigme",
|
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
|
||||||
valueFormatString: "####",
|
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
|
||||||
interval: 1
|
crossorigin="anonymous"
|
||||||
},
|
></script>
|
||||||
axisY: {
|
<script
|
||||||
title: "Point",
|
src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
|
||||||
titleFontColor: "#6D78AD",
|
integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
|
||||||
lineColor: "#6D78AD",
|
crossorigin="anonymous"
|
||||||
gridThickness: 0,
|
></script>
|
||||||
lineThickness: 1,
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
verticalAlign: "top",
|
|
||||||
fontSize: 16,
|
|
||||||
},
|
|
||||||
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 },
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
});
|
|
||||||
chart.render();
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
|
|
||||||
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in new issue