|
Server : LiteSpeed System : Linux srv104790275 5.15.0-161-generic #171-Ubuntu SMP Sat Oct 11 08:17:01 UTC 2025 x86_64 User : dewac4139 ( 1077) PHP Version : 8.0.30 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /usr/local/CyberCP/public/static/baseTemplate/assets/widgets/charts/piegage/ |
Upload File : |
/* Pie gauges */
var initPieChart = function() {
$('.chart').easyPieChart({
barColor: function(percent) {
percent /= 100;
return "rgb(" + Math.round(254 * (1 - percent)) + ", " + Math.round(255 * percent) + ", 0)";
},
animate: 1000,
scaleColor: '#ccc',
lineWidth: 3,
size: 100,
lineCap: 'cap',
onStep: function(value) {
this.$el.find('span').text(~~value);
}
});
$('.chart-home').easyPieChart({
barColor: 'rgba(255,255,255,0.5)',
trackColor: 'rgba(255,255,255,0.1)',
animate: 1000,
scaleColor: 'rgba(255,255,255,0.3)',
lineWidth: 3,
size: 100,
lineCap: 'cap',
onStep: function(value) {
this.$el.find('span').text(~~value);
}
});
$('.chart-alt').easyPieChart({
barColor: function(percent) {
percent /= 100;
return "rgb(" + Math.round(255 * (1 - percent)) + ", " + Math.round(255 * percent) + ", 0)";
},
trackColor: '#333',
scaleColor: false,
lineCap: 'butt',
rotate: -90,
lineWidth: 20,
animate: 1500,
onStep: function(value) {
this.$el.find('span').text(~~value);
}
});
$('.chart-alt-1').easyPieChart({
barColor: function(percent) {
percent /= 100;
return "rgb(" + Math.round(255 * (1 - percent)) + ", " + Math.round(255 * percent) + ", 0)";
},
trackColor: '#e1ecf1',
scaleColor: '#c4d7e0',
lineCap: 'cap',
rotate: -90,
lineWidth: 10,
size: 80,
animate: 2500,
onStep: function(value) {
this.$el.find('span').text(~~value);
}
});
$('.chart-alt-2').easyPieChart({
barColor: function(percent) {
percent /= 100;
return "rgb(" + Math.round(255 * (1 - percent)) + ", " + Math.round(255 * percent) + ", 0)";
},
trackColor: '#fff',
scaleColor: false,
lineCap: 'butt',
rotate: -90,
lineWidth: 4,
size: 50,
animate: 1500,
onStep: function(value) {
this.$el.find('span').text(~~value);
}
});
$('.chart-alt-3').easyPieChart({
barColor: function(percent) {
percent /= 100;
return "rgb(" + Math.round(255 * (1 - percent)) + ", " + Math.round(255 * percent) + ", 0)";
},
trackColor: '#333',
scaleColor: true,
lineCap: 'butt',
rotate: -90,
lineWidth: 4,
size: 50,
animate: 1500,
onStep: function(value) {
this.$el.find('span').text(~~value);
}
});
$('.chart-alt-10').easyPieChart({
barColor: 'rgba(255,255,255,255.4)',
trackColor: 'rgba(255,255,255,0.1)',
scaleColor: 'transparent',
lineCap: 'round',
rotate: -90,
lineWidth: 4,
size: 100,
animate: 2500,
onStep: function(value) {
this.$el.find('span').text(~~value);
}
});
$('.updateEasyPieChart').on('click', function(e) {
e.preventDefault();
$('.chart-home, .chart, .chart-alt, .chart-alt-1, .chart-alt-2, .chart-alt-3, .chart-alt-10').each(function() {
$(this).data('easyPieChart').update(Math.round(100 * Math.random()));
});
});
};
$(document).ready(function() {
initPieChart();
});