datatracker/ietf/static/js/highcharts.js at dependabot/github_actions/github/codeql-action-4 · OR13/datatracker · 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
import Highcharts from "highcharts";

import Highcharts_Exporting from "highcharts/modules/exporting";
import Highcharts_Offline_Exporting from "highcharts/modules/offline-exporting";
import Highcharts_Export_Data from "highcharts/modules/export-data";
import Highcharts_Accessibility from "highcharts/modules/accessibility";
import Highcharts_Sunburst from "highcharts/modules/sunburst";

document.documentElement.style.setProperty("--highcharts-background-color", "transparent");

Highcharts_Exporting(Highcharts);
Highcharts_Offline_Exporting(Highcharts);
Highcharts_Export_Data(Highcharts);
Highcharts_Accessibility(Highcharts);
Highcharts_Sunburst(Highcharts);

Highcharts.setOptions({
    chart: {
        height: "100%",
        styledMode: true,
    },
    credits: {
        enabled: false
    },
});

window.Highcharts = Highcharts;

window.group_stats = function (url, chart_selector) {
    $.getJSON(url, function (data) {
        $(chart_selector)
            .each(function (_, e) {
                const dataset = e.dataset.dataset;
                if (!dataset) {
                    console.log("dataset data attribute not set");
                    return;
                }
                const area = e.dataset.area;
                if (!area) {
                    console.log("area data attribute not set");
                    return;
                }

                const chart = Highcharts.chart(e, {
                    title: {
                        text: `${dataset == "docs" ? "Documents" : "Pages"} in ${area.toUpperCase()}`
                    },
                    series: [{
                        type: "sunburst",
                        data: [],
                        tooltip: {
                            pointFormatter: function () {
                                return `There ${this.value == 1 ? "is" : "are"} ${this.value} ${dataset == "docs" ? "documents" : "pages"} in ${this.name}.`;
                            }
                        },
                        dataLabels: {
                            formatter() {
                                return this.point.active ? this.point.name : `(${this.point.name})`;
                            }
                        },
                        allowDrillToNode: true,
                        cursor: 'pointer',
                        levels: [{
                            level: 1,
                            color: "transparent",
                            levelSize: {
                                value: .5
                            }
                        }, {
                            level: 2,
                            colorByPoint: true
                        }, {
                            level: 3,
                            colorVariation: {
                                key: "brightness",
                                to: 0.5
                            }
                        }]
                    }],
                });

                // limit data to area if set and (for now) drop docs
                const slice = data.filter(d => (area == "ietf" && d.grandparent == area) || d.parent == area || d.id == area)
                    .map((d) => {
                        return {
                            value: d[dataset],
                            id: d.id,
                            parent: d.parent,
                            grandparent: d.grandparent,
                            active: d.active,
                        };
                    })
                    .sort((a, b) => {
                        if (a.parent != b.parent) {
                            if (a.parent < b.parent) {
                                return -1;
                            }
                            if (a.parent > b.parent) {
                                return 1;
                            }
                        } else if (a.parent == area) {
                            if (a.id < b.id) {
                                return 1;
                            }
                            if (a.id > b.id) {
                                return -1;
                            }
                            return 0;
                        }
                        return b.value - a.value;
                    });
                chart.series[0].setData(slice);
            });
    });
}