https://mycpd.cpdhome.org.au/js/app/dashboard.js?version=1790273049

1$(document).ready(function () {
2    $('#start-tour').on('click', function() {
3        $(document).foundation('joyride', 'start');
4    });
5
6    if (global.firstTime) {
7        $.post('/start-tour/' + global.idUser).done(function() {
8            $(document).foundation('joyride', 'start');
9        });
10    }
11    var gaugeOptions = {
12        chart: {
13            type: 'solidgauge'
14        },
15        title: null,
16        pane: {
17            center: ['50%', '85%'],
18            size: '140%',
19            startAngle: -90,
20            endAngle: 90,
21            background: {
22                backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || '#EEE',
23                innerRadius: '60%',
24                outerRadius: '100%',
25                shape: 'arc'
26            }
27        },
28        tooltip: {
29            enabled: false
30        },
31        // the value axis
32        yAxis: {
33            lineWidth: 0,
34            minorTickInterval: null,
35            tickPixelInterval: 400,
36            tickWidth: 0,
37            title: {
38                y: -70
39            },
40            labels: {
41                 enabled: false
42            }
43        },
44         xAxis: {
45            labels: {
46                enabled: false
47            }
48        },
49        plotOptions: {
50            solidgauge: {
51                dataLabels: {
52                    y: 5,
53                    borderWidth: 0,
54                    useHTML: true
55                }
56            }
57        }
58    };
59
60    /**
61     * a chart foreach container
62     */
63    $('.high-chart-dashboard').each(function () {
64
65        var percentage = 0;
66        var style = 'font-size:12px; color:silver';
67        max = parseInt($(this).attr('data-points-cycle'));
68        amount = parseInt($(this).attr('data-ponts-achieved'));
69        if (max > 0) {
70            percentage = parseFloat(amount / max * 100).toFixed(2);
71        }
72        if (percentage === 0) {
73            gaugeOptions.yAxis.stops = [[0.1, (Highcharts.theme && Highcharts.theme.background2) || '#EEE']];
74        } else {
75            gaugeOptions.yAxis.stops = [
76                [0.1, '#DF5353'], // red rgb(223, 83, 83)
77                [0.5, '#DDDF0D'], // yellow rgb(221, 223, 13)
78                [0.9, '#55BF3B'] // green rgb(85, 191, 59);
79            ];
80        }
81
82        if (percentage >= 100) {
83            percentage = 'Completed';
84            style = 'font-size:9px; color:silver';
85        } else {
86            percentage += ' %';
87        }
88
89        $(this).highcharts(Highcharts.merge(gaugeOptions, {
90            yAxis: {
91                min: 0,
92                max: max,
93                title: {
94                    text: $(this).attr('data-caption')
95                }
96            },
97            credits: {
98                enabled: false
99            },
100            series: [{
101                    name: 'Speed',
102                    data: [amount],
103                    dataLabels: {
104                        format: '<div style="text-align:center"><span style="font-size:25px;color:' +
105                                    ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y}</span><br/>' +
106                                    '<span style="' + style +'">' + percentage + '</span></div>'
107
108                    },
109                    tooltip: {
110                        valueSuffix: ' Points'
111                    }
112                }]
113
114        }));
115    });
116
117});