|
Server IP : 86.38.243.181 / Your IP : 216.73.216.86 Web Server : LiteSpeed System : Linux in-mum-web1336.main-hosting.eu 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64 User : u986601745 ( 986601745) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u986601745/domains/emrskalsi.com/public_html/admin/css/../css/../js/charts/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
(function ($) {
"use strict";
/*----------------------------------------*/
/* 1. pie Chart
/*----------------------------------------*/
var ctx = document.getElementById("piechart");
var piechart = new Chart(ctx, {
type: 'pie',
data: {
labels: ["Red", "Orange", "Yellow", "Green", "Blue"],
datasets: [{
label: 'pie Chart',
backgroundColor: [
'rgb(255, 99, 132)',
'rgb(255, 159, 64)',
'rgb(255, 205, 86)',
'#03a9f4',
'#303030'
],
data: [10, 20, 30, 40, 60]
}]
},
options: {
responsive: true
}
});
/*----------------------------------------*/
/* 2. polar Chart
/*----------------------------------------*/
var ctx = document.getElementById("polarchart");
var polarchart = new Chart(ctx, {
type: 'polarArea',
data: {
labels: ["Red", "Orange", "Yellow", "Green", "Blue"],
datasets: [{
label: 'pie Chart',
data: [10, 20, 30, 40, 60],
backgroundColor: [
'rgb(255, 99, 132)',
'rgb(255, 159, 64)',
'rgb(255, 205, 86)',
'#03a9f4',
'rgb(201, 203, 207)'
],
}]
},
options: {
responsive: true,
legend: {
position: 'right',
},
title: {
display: true,
text: 'Polar Chart'
},
scale: {
ticks: {
beginAtZero: true
},
reverse: false
},
animation: {
animateRotate: false,
animateScale: true
}
}
});
/*----------------------------------------*/
/* 3. radar Chart
/*----------------------------------------*/
var ctx = document.getElementById("radarchart");
var radarchart = new Chart(ctx, {
type: 'radar',
data: {
labels: ["Design", "Development", "Graphic", "Android", "Games"],
datasets: [{
label: "My First dataset",
data: [90, 20, 30, 40, 10],
backgroundColor: 'rgb(255, 99, 132)',
borderColor: 'rgb(255, 99, 132)',
pointBackgroundColor: '#ff0000',
},{
label: "My Second dataset",
data: [50, 20, 10, 30, 90],
backgroundColor: 'rgb(255, 159, 64)',
borderColor: 'rgb(255, 159, 64)',
pointBackgroundColor: '#ff0000',
}]
},
options: {
legend: {
position: 'top',
},
title: {
display: true,
text: 'Radar Chart'
},
scale: {
ticks: {
beginAtZero: true
}
}
}
});
/*----------------------------------------*/
/* 3. Doughnut Chart
/*----------------------------------------*/
var ctx = document.getElementById("Doughnutchart");
var Doughnutchart = new Chart(ctx, {
type: 'radar',
data: {
labels: ["Red", "Orange", "Yellow", "Green", "Blue"],
datasets: [{
label: 'Dataset 1',
data: [10, 20, 30, 40, 90],
backgroundColor: 'rgb(255, 99, 132)'
}]
},
options: {
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Doughnut Chart'
},
animation: {
animateScale: true,
animateRotate: true
}
}
});
})(jQuery);