website/graph.html at master · hyperloo/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE HTML>
<html>
<head>

<script type="text/javascript">
window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
	{   animationEnabled: "true",
        backgroundColor: " #262626" ,
		title: {
			text: ""
		},
		axisX: {
            valueFormatString:"#######",
			lineDashType: "",
			lineThickness: 2,
            lineColor: "#262626",
            labelFontColor: "#262626",
            tickLength: 0,
            interval: 10
		},
		axisY: {
			gridThickness: 0,
          lineColor: "#262626",
          labelFontColor: "#262626",
          tickLength: 0
		},
		data: [
        {
            toolTip: {
			    shared: true,
		    	contentFormatter: function (e) {
				    var content = " ";
			    	for (var i = 0; i < e.entries.length; i++) {
					    content += e.entries[i].dataPoint.label + " " + "<strong>" + e.entries[i].dataPoint.z + "</strong>";
					    content += "<br/>";
				    }
				    return content;
			    }
            },
            zValueFormatString: "##.#0 mm",
            indexLabelPlacement: "outside",
            lineThickness:5,
            lineColor:"whitesmoke",
            explodeOnClick: true,
		    indexLabel: "{x}, {none}",
            indexLabelFontSize: 15,
            indexLabelFontColor: "#EEC848",
			type: "line",
			dataPoints: [
            {  label: "Graphicpro", y: 150,  z: "tekhin1.ml", indexLabel: "Graphicpro", markerColor: "rgb(180, 180, 180)", markerType: "circle",markerSize:23},
			{  label: "tekhin1.ml", y: 250, indexLabel: "tekhin1.ml",markerColor: "rgb(180, 180, 180)", markerType: "circle" ,markerSize:23},
			{  label: "tekhin1.ml/gallery1.php", y: 200, indexLabel: "tekhin1.ml/gallery1.php", markerColor: "rgb(180, 180, 180)", markerType: "circle" ,markerSize:23},
			{ label: "imun.netlify.com", y: 350, indexLabel: "imun.netlify.com",markerColor: "rgb(180, 180, 180)", markerType: "circle"  ,markerSize:23},
			{ label: "hyperloo.github.io/website/", y: 50, indexLabel: "hyperloo.github.io/website/", markerColor: "rgb(180, 180, 180)", markerType: "circle"  ,markerSize:23}
			]
		}
		]
	});
	chart.render();
}
</script>
<script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</head>
<body>
<div id="chartContainer" style="height: 100%; width: 100%;"></div>
</body>
</html>
<!--yvalue formatting string-->