jschart/jsondata.html at main · prasannakumar299/jschart · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<table>
		<thead>
			<tr>
				<th>bucket</th>
				<th>Total Pax</th>
				<th>0-15min</th>
				<th>16-30min</th>
				<th>31-45min</th>
				<th>46-60min</th>
				<th>> 60</th>
			</tr>
		</thead>
		<tbody id="t_body">

		</tbody>

	</table>
	<script>
		var arry = []
		function name_fun(data) {
			var obj = {}
			console.log(data)
			var trn_Interval = ["0-15", "16-30", "31-45", "46-60", "> 60"]
			var ary = []
			var h = 0;
			for (var i = 0; i < data.length; i++) {
				//for(var h =i;h<24;h++) {
				if (h == data[i].trnHour) {
					for (var j = 0; j <= trn_Interval.length; j++) {
						if (data[i].trnInterval == trn_Interval[j]) {
							obj["data" + j] = parseInt(data[i].paxCount)
							//console.log(obj["data" + j] = parseInt(data[i].paxCount),"hghhjhhj");
							// console.log(obj)
						}
					}
				} else {
					ary.push(obj);
					console.log(obj)
					obj = {}
					console.log(ary)
					h++
				//}
			}
			}
			console.log(ary)
			fun_name(ary)
		}
		function fun_name(data) {
			var t_body = document.getElementById("t_body");
			for (let i = 0; i < data.length; i++) {
				var d = `<tr>
			<td>${i + "-" + (i + 1)}</td>
			<td>${(data[i].data0 ? data[i].data0 : 0) + (data[i].data1 ? data[i].data1 : 0) + (data[i].data2 ? data[i].data2 : 0) + (data[i].data3 ? data[i].data3 : 0) + (data[i].data4 ? data[i].data4 : 0)}</td>
			<td>${data[i].data0 ? data[i].data0 : 0}</td>
			<td>${data[i].data1 ? data[i].data1 : 0}</td>
			<td>${data[i].data2 ? data[i].data2 : 0}</td>
			<td>${data[i].data3 ? data[i].data3 : 0}</td>
			<td>${data[i].data4 ? data[i].data4 : 0}</td>
			</tr> `
				t_body.innerHTML += d
			}
		}

		fetch("flight.json")
	.then(data => data.json())
	.then(trn_data => {
		arry = trn_data.summary
		name_fun(arry);
	}
	);

// fetch("flight.json")
		// 	.then(response => response.json())
		// 	.then(data => console.log(data.summary));


	</script>
</body>

</html