forked from rschiang/ntu-vote-auth-stat
-
Notifications
You must be signed in to change notification settings - Fork 0
/
by_time.html
79 lines (75 loc) · 4.33 KB
/
by_time.html
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
<!DOCTYPE html>
<html>
<head>
<title>臺大開源社:103-2 學生會暨自治組織選舉領票統計</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="103-2 學生會暨自治組織選舉領票統計">
<meta property="og:type" content="website">
<meta property="og:url" content="http://vote.ntuosc.org/statistics/103-2/">
<meta property="og:image" content="http://vote.ntuosc.org/statistics/103-2/assets/chart.png">
<meta property="og:site_name" content="臺灣大學開源社">
<meta property="og:description" content="開源社負責開發電子投票「嗶卡領票」的身份驗證系統,並針對這次學生代表選舉相關數據做了分析。一起來看看哪個票點最熱門、哪裡又是拓荒前線吧!">
<link rel="stylesheet" href="bower_components/foundation/css/foundation.css">
<link rel="shortcut icon" href="assets/favicon.png" type="image/png">
<script src="bower_components/chartjs/Chart.min.js"></script>
<script src="index.js"></script>
</head>
<body>
<div class="row">
<div class="large-12 columns">
<h1>領票統計</h1>
<dl class="sub-nav">
<dt>檢視:</dt>
<dd><a href="index.html">累積圖</a></dd>
<dd class="active"><a href="by_time.html">分布圖</a></dd>
<dd><a href="by_station.html">依票所</a></dd>
<dd><a href="by_college.html">依學院</a></dd>
</dl>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<canvas id="chart1" width="960" height="640"></canvas>
</div>
</div>
<footer class="row">
<div class="large-9 columns">
<p>統計數據包含合辦選舉,僅供參考;實際投票時間與人數因網路狀況可能有所出入。</p>
</div>
<div class="large-3 columns">
<p class="large-only-text-right">© <a href="https://ntuosc.org">臺灣大學開源社</a></p>
</div>
</footer>
<script>
var labels = []; for (var i = 17; i < 39; i++)
labels.push(Math.floor((i >= 26 ? i - 24 : i) / 2) + (i % 2 == 0 ? '' : ':30') + (i >= 24 ? 'pm' : 'am'));
var raw_data = {
'活大': [0, 10, 9, 12, 4, 9, 9, 41, 21, 24, 16, 22, 15, 41, 15, 9, 14, 7, 36, 23, 33, 0],
'醫學院': [0, 3, 2, 26, 24, 42, 16, 31, 25, 9, 1, 6, 1, 22, 15, 6, 6, 8, 24, 22, 9, 0],
'普通': [0, 1, 4, 28, 3, 9, 4, 30, 14, 24, 5, 17, 5, 41, 6, 8, 5, 12, 19, 6, 6, 0],
'男一舍': [0, 8, 8, 13, 5, 7, 6, 14, 17, 26, 20, 18, 7, 14, 10, 4, 7, 7, 12, 10, 12, 0],
'大一女': [0, 6, 6, 15, 4, 7, 5, 21, 13, 20, 15, 11, 11, 13, 4, 2, 1, 18, 9, 7, 19, 0],
'新社科院': [0, 1, 1, 4, 3, 9, 0, 14, 12, 11, 7, 9, 6, 26, 7, 3, 8, 4, 13, 4, 11, 0],
'共同': [0, 4, 1, 27, 3, 3, 1, 14, 11, 18, 1, 8, 4, 23, 3, 4, 1, 8, 1, 10, 6, 0],
'新生': [3, 4, 3, 28, 2, 6, 1, 20, 12, 4, 2, 6, 4, 9, 5, 1, 0, 10, 15, 8, 4, 3],
'二活': [0, 5, 1, 13, 2, 4, 1, 16, 8, 5, 10, 3, 8, 11, 3, 7, 4, 5, 10, 10, 10, 0],
'法律學院': [0, 4, 2, 6, 2, 2, 7, 18, 11, 5, 6, 6, 2, 9, 4, 7, 5, 3, 13, 8, 11, 0],
'公衛大樓': [0, 2, 0, 3, 1, 1, 1, 14, 6, 7, 1, 1, 2, 5, 0, 5, 4, 2, 1, 4, 7, 0],
'水源校區': [0, 2, 1, 1, 1, 0, 0, 3, 1, 4, 2, 1, 4, 1, 1, 2, 7, 3, 2, 1, 2, 0],
}
var context = document.getElementById('chart1').getContext('2d');
var chart1 = new Chart(context).Line({ labels: labels, datasets: generate_dataset(raw_data) }, { multiTooltipTemplate: "<%if (datasetLabel) {%><%=datasetLabel%>: <%}%><%= value %>" });
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46787322-2', 'auto');
ga('send', 'pageview');
</script>
<!-- (C) RSChiang / NTUOSC 2014. https://ntuosc.org -->
</body>
</html>