-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpunchCard.html
99 lines (94 loc) · 3.01 KB
/
punchCard.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
<title>chart created with amCharts | amCharts</title>
<meta name="description" content="chart created using amCharts live editor" />
<!-- amCharts javascript sources -->
<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/serial.js"></script>
<!-- amCharts javascript code -->
<script type="text/javascript">
AmCharts.makeChart("chartdiv", {
"type": "serial",
"categoryField": "data-date",
"categoryAxis": {
"gridPosition": "start"
},
"trendLines": [],
"graphs": [{
"balloonText": "[[title]] on [[data-date]]:[[value]]",
"bullet": "round",
"id": "AmGraph-1",
"title": "Contributions Value",
"valueField": "data-count"
}],
"guides": [],
"valueAxes": [{
"id": "ValueAxis-1",
"stackType": "regular",
"title": "Number of Contributions"
}],
"allLabels": [],
"balloon": {},
"legend": {
"enabled": true,
"useGraphSettings": true
},
"titles": [{
"id": "Title-1",
"size": 15,
"text": "GitHub Punchcard"
}],
"dataProvider": [{
'data-date': '2015-11-17',
'data-count': '1'
}, {
'data-date': '2015-11-28',
'data-count': '1'
}, {
'data-date': '2016-01-13',
'data-count': '1'
}, {
'data-date': '2016-01-22',
'data-count': '1'
}, {
'data-date': '2016-01-23',
'data-count': '1'
}, {
'data-date': '2016-01-24',
'data-count': '1'
}, {
'data-date': '2016-01-26',
'data-count': '1'
}, {
'data-date': '2015-11-11',
'data-count': '3'
}, {
'data-date': '2015-12-04',
'data-count': '3'
}, {
'data-date': '2016-01-21',
'data-count': '3'
}, {
'data-date': '2016-05-01',
'data-count': '3'
}, {
'data-date': '2015-11-08',
'data-count': '5'
}, {
'data-date': '2016-01-20',
'data-count': '5'
}, {
'data-date': '2016-04-06',
'data-count': '5'
}, {
'data-date': '2016-04-19',
'data-count': '9'
}]
});
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;"></div>
</body>
</html>