githubPunchCard/PunchCardJson.html at master · ardyflora/githubPunchCard · 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
<!DOCTYPE html>
<html>

<head>
    <link rel="shortcut icon" href="">
    <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>
    <script src="https://www.amcharts.com/lib/3/plugins/dataloader/dataloader.min.js"></script>

    <!-- amCharts javascript code -->
    <script type="text/javascript">
        AmCharts.makeChart("chartdiv", {
            "type": "serial",
            "dataLoader": {
                "url": "output.json",
                "format": "json"
            },
            "categoryField": "data-date",
            "dataDateFormat": "YYYY-MM-DD",
            "categoryAxis": {
                "gridPosition": "start",
                "parseDates": true,
                "equalSpacing": true,
            },

            "trendLines": [],
            "graphs": [{
                "balloonText": "[[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"
            }]
        });
    </script>
</head>

<body>
    <div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;"></div>
</body>

</html>