| Server IP : 20.75.53.88 / Your IP : 216.73.217.72 [ Web Server : Apache System : Linux VMRALP-3 4.4.0-256-generic #290~14.04.1-Ubuntu SMP Thu Jun 20 09:24:50 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29+esm15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Domains : 3 Domains MySQL : ON | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/juridico/pacajus/tela/js/charts/ |
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: [
'#303030',
'#933EC5',
'#65b12d',
'#D80027',
'#006DF0'
],
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)',
'#933EC5',
'#65b12d',
'#D80027',
'#006DF0'
],
}]
},
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: '#006DF0',
borderColor: '#006DF0',
pointBackgroundColor: '#ff0000',
},{
label: "My Second dataset",
data: [50, 20, 10, 30, 90],
backgroundColor: '#933EC5',
borderColor: '#933EC5',
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: '#006DF0'
}]
},
options: {
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Doughnut Chart'
},
animation: {
animateScale: true,
animateRotate: true
}
}
});
})(jQuery);