https://bilimap.org/Content/Views/Home/_slider.js

1const swiper = new Swiper('.swiper', {
2    direction: 'horizontal',
3    loop: false,
4
5    pagination: {
6        el: '.swiper-pagination',
7    },
8
9    navigation: {
10        nextEl: '.swiper-button-next',
11        prevEl: '.swiper-button-prev',
12    }
13});
14
15$(document).ready(function () {
16    GetDataOfferStatusByUniversities();
17    GetDataAnnouncementsByUniversities();
18    GetDataOffersByMonths();
19    GetDataActiveAnnouncementsByUniversities();
20});
21
22
23function GetDataOfferStatusByUniversities() {
24    $.ajax({
25        url: '/Home/GetOffersByUniversity/',
26        cache: false,
27        type: "POST",
28        success: function (data) {
29            if (data.success) {
30                if (data.series.length > 0) {
31                    LoadChartOfferStatusByUniversities(data.series, data.labels);
32                } else {
33                }
34            } else {
35                alert(data.message);
36            }
37        },
38        error: function (reponse) {
39            console.log(reponse);
40            alert("error : " + reponse);
41        }
42    });
43}
44
45function GetDataActiveAnnouncementsByUniversities() {
46    $.ajax({

47        url: '/Home/GetActiveAnnouncementsByUniversity/',
48        cache: false,
49        type: "POST",
50        success: function (data) {
51            if (data.success) {
52                if (data.series.length > 0) {
53                    LoadChartActiveAnnouncementsByUniversities(data.series, data.labels);
54                } else {
55                }
56            } else {
57                alert(data.message);
58            }
59        },
60        error: function (reponse) {
61            console.log(reponse);
62            alert("error : " + reponse);
63        }
64    });
65}
66
67function GetDataOffersByMonths() {
68    $.ajax({
69        url: '/Home/GetDataOffersByMonths/',
70        cache: false,
71        type: "POST",
72        success: function (data) {
73            if (data.success) {
74                if (data.series.length > 0) {
75                    LoadChartOfferByMonths(data.series, data.labels);
76                } else {
77                }
78            } else {
79                alert(data.message);
80            }
81        },
82        error: function (reponse) {
83            console.log(reponse);
84            alert("error : " + reponse);
85        }
86    });
87}
88
89function GetDataAnnouncementsByUniversities() {
90    $.ajax({

91        url: '/Home/GetAnnouncementsByUniversity/',
92        cache: false,
93        type: "POST",
94        success: function (data) {
95            if (data.success) {
96                if (data.series.length > 0) {
97                    LoadChartAnnouncementsByUniversities(data.series, data.labels);
98                } else {
99                }
100            } else {
101                alert(data.message);
102            }
103        },
104        complete: function () {
105            $(".swiper-wrapper").css("display", "flex");
106            $(".spinner").css("display", "none");
107        },
108        error: function (reponse) {
109            console.log(reponse);
110            alert("error : " + reponse);
111        }
112    });
113}
114
115function LoadChartOfferStatusByUniversities(series, labels) {
116    var options = {
117        series: series,
118        chart: {
119            width: 950,
120            height: 425,
121            type: 'pie',
122            offsetY: 30
123        },
124        title: {
125            text: "KURUMLARA GÖRE TEKLİF SAYILARI",
126            align: 'center',
127            margin: 0,
128            offsetX: 0,
129            offsetY: 0,
130            floating: false,
131            style: {
132                fontSize: '16px',
133                fontWeight: 'bold',
134                color: '#263238'
135            },
136        },
137        colors: [
138            '#1f77b4', '#ff7f0e', '#2ca02c', '#d62728', '#9467bd', '#8c564b',
139            '#e377c2', '#7f7f7f', '#bcbd22', '#17becf', '#393b79', '#637939',
140            '#8c6d31', '#843c39', '#7b4173', '#5254a3', '#6b6ecf', '#9c9ede',
141            '#31a354', '#e6550d', '#3182bd', '#756bb1', '#636363', '#c51b8a',

142            '#de2d26', '#3182bd', '#ff9896', '#98df8a', '#c5b0d5', '#c49c94',
143            '#f7b6d2', '#c7c7c7', '#dbdb8d', '#9edae5', '#6baed6', '#fd8d3c',
144            '#74c476', '#9e9ac8', '#969696', '#e7ba52'
145        ],
146        labels: labels,
147        legend: {
148            position: 'right',
149            horizontalAlign: 'center',
150            height: 570,
151        }
152    };
153    var chart = new ApexCharts(document.querySelector("#chartPieOfferByUni"), options);
154    chart.render();
155}
156
157function LoadChartActiveAnnouncementsByUniversities(series, labels) {
158    var options = {
159        series: [{
160            name: 'İlan Sayısı',
161            data: series
162        }],
163        chart: {
164            type: 'bar',
165            height: 450,
166            width: 1000,
167            toolbar: {
168                show: false,
169                tools: {
170                    download: false,
171                },
172            },
173        },
174        title: {
175            text: "KURUMLARA GÖRE AKTİF SATIN ALMA DUYURULARI",
176            align: 'center',
177            margin: 0,
178            offsetX: 0,
179            offsetY: 0,
180            floating: true,
181            style: {
182                fontSize: '16px',
183                fontWeight: 'bold',
184                fontFamily: undefined,
185                color: '#263238'
186            },
187        },
188        plotOptions: {
189            bar: {
190                horizontal: false,
191                columnWidth: '55%',
192                borderRadius: 10,
193                endingShape: 'rounded'
194            },
195        },
196        dataLabels: {
197            enabled: true,
198        },
199        stroke: {
200            show: true,
201            width: 2,
202            colors: ['transparent']
203        },
204        xaxis: {
205            labels: {
206                show: true,
207                rotate: 0,
208                maxHeight: 120,
209                style: {
210                    fontSize: '9px',
211                },
212            },
213            categories: labels
214        },
215        fill: {
216            opacity: 1
217        },
218        tooltip: {
219            y: {
220                formatter: function (val) {
221                    return val
222                }
223            }
224        }
225    };
226
227    var chart = new ApexCharts(document.querySelector("#columnChart"), options);
228    chart.render();
229}
230
231function LoadChartOfferByMonths(series, labels) {
232    var options = {
233        series: [{
234            name: "Teklif Sayısı",
235            data: series
236        }],
237        chart: {
238            type: 'area',
239            height: 450,
240            width: 850,
241            zoom: {
242                enabled: false
243            },
244            toolbar: {
245                show: false,
246                tools: {
247                    download: false,
248                },
249            },
250        },
251        title: {
252            text: "AYLARA GÖRE TEKLİF SAYILARI",
253            align: 'center',
254            margin: 10,
255            offsetX: 0,
256            offsetY: 0,
257            floating: true,
258            style: {
259                fontSize: '16px',
260                fontWeight: 'bold',
261                fontFamily: undefined,
262                color: '#263238'
263            },
264        },
265        dataLabels: {
266            enabled: true
267        },
268        stroke: {
269            curve: 'smooth'
270        },
271        labels: labels,
272        xaxis: {
273            type: 'category',
274            title: {
275                text: 'Ay/Yıl'
276            }
277        },
278        yaxis: {
279            opposite: true,
280            labels: {
281                formatter: function (val) {
282                    return val.toFixed(0);
283                },
284            },
285        },
286        legend: {
287            horizontalAlign: 'left'
288        }
289    };
290    var chart = new ApexCharts(document.querySelector("#areaChart"), options);
291    chart.render();
292}
293
294function LoadChartAnnouncementsByUniversities(series, labels) {
295    var options = {
296        series: [{
297            name: "İlan Sayısı",
298            data: series,
299        }],
300        chart: {
301            type: 'bar',
302            height: 480,
303            width: 1000,
304            toolbar: {
305                show: false,
306                tools: {
307                    download: false,
308                },
309            },
310        },
311        title: {
312            text: "KURUMLARA GÖRE SATIN ALMA DUYURULARI",
313            align: 'center',
314            margin: 10,
315            offsetX: 0,
316            offsetY: 0,
317            floating: true,
318            style: {
319                fontSize: '16px',
320                fontWeight: 'bold',
321                fontFamily: undefined,
322                color: '#263238'
323            },
324        },
325        legend: {
326            show: false,
327        },
328        plotOptions: {
329            bar: {
330                borderRadius: 5,
331                horizontal: true,
332                distributed: true,
333            }
334        },
335        dataLabels: {
336            enabled: true
337        },
338        xaxis: {
339            categories: labels,
340        },
341
342    };
343    var chart = new ApexCharts(document.querySelector("#barChart"), options);
344    chart.render();
345}