You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.9 KiB
JavaScript
68 lines
1.9 KiB
JavaScript
$(function() {
|
|
//Easy Pie Chart
|
|
//------------------------
|
|
|
|
try {
|
|
$('.easypiechart#newvisits').easyPieChart({
|
|
barColor: "#16a085",
|
|
trackColor: '#edeef0',
|
|
scaleColor: '#d2d3d6',
|
|
scaleLength: 5,
|
|
lineCap: 'square',
|
|
lineWidth: 2,
|
|
size: 90,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
|
|
$('.easypiechart#bouncerate').easyPieChart({
|
|
barColor: "#7ccc2e",
|
|
trackColor: '#edeef0',
|
|
scaleColor: '#d2d3d6',
|
|
scaleLength: 5,
|
|
lineCap: 'square',
|
|
lineWidth: 2,
|
|
size: 90,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
|
|
$('.easypiechart#clickrate').easyPieChart({
|
|
barColor: "#e84747",
|
|
trackColor: '#edeef0',
|
|
scaleColor: '#d2d3d6',
|
|
scaleLength: 5,
|
|
lineCap: 'square',
|
|
lineWidth: 2,
|
|
size: 90,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
$('.easypiechart#covertionrate').easyPieChart({
|
|
barColor: "#8e44ad",
|
|
trackColor: '#edeef0',
|
|
scaleColor: '#d2d3d6',
|
|
scaleLength: 5,
|
|
lineCap: 'square',
|
|
lineWidth: 2,
|
|
size: 90,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
|
|
|
|
$('#updatePieCharts').on('click', function() {
|
|
$('.easypiechart#newvisits').data('easyPieChart').update(Math.random()*100);
|
|
$('.easypiechart#bouncerate').data('easyPieChart').update(Math.random()*100);
|
|
$('.easypiechart#clickrate').data('easyPieChart').update(Math.random()*100);
|
|
$('.easypiechart#covertionrate').data('easyPieChart').update(Math.random()*100);
|
|
return false;
|
|
});
|
|
}
|
|
catch(error) {}
|
|
|
|
}); |