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.
248 lines
7.5 KiB
JavaScript
248 lines
7.5 KiB
JavaScript
$(function () {
|
|
try {
|
|
$('.easypiechart#bandwidth').easyPieChart({
|
|
barColor: "rgba(255, 255, 255, 0.6)",
|
|
trackColor: 'rgba(255, 255, 255, 0.2)',
|
|
scaleColor: 'rgba(255, 255, 255, 0.8)',
|
|
scaleLength: 0,
|
|
lineCap: 'square',
|
|
lineWidth: 4,
|
|
size: 80,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
|
|
$('.easypiechart#ramusage').easyPieChart({
|
|
barColor: "rgba(255, 255, 255, 0.6)",
|
|
trackColor: 'rgba(255, 255, 255, 0.2)',
|
|
scaleColor: 'rgba(255, 255, 255, 0.8)',
|
|
scaleLength: 0,
|
|
lineCap: 'square',
|
|
lineWidth: 4,
|
|
size: 80,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
|
|
$('.easypiechart#serverload').easyPieChart({
|
|
barColor: "rgba(255, 255, 255, 0.6)",
|
|
trackColor: 'rgba(255, 255, 255, 0.2)',
|
|
scaleColor: 'rgba(255, 255, 255, 0.8)',
|
|
scaleLength: 0,
|
|
lineCap: 'square',
|
|
lineWidth: 4,
|
|
size: 80,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
$('.easypiechart#space').easyPieChart({
|
|
barColor: "rgba(255, 255, 255, 0.6)",
|
|
trackColor: 'rgba(255, 255, 255, 0.2)',
|
|
scaleColor: 'rgba(255, 255, 255, 0.8)',
|
|
scaleLength: 0,
|
|
lineCap: 'square',
|
|
lineWidth: 4,
|
|
size: 80,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
$('.easypiechart#network').easyPieChart({
|
|
barColor: "rgba(255, 255, 255, 0.6)",
|
|
trackColor: 'rgba(255, 255, 255, 0.2)',
|
|
scaleColor: 'rgba(255, 255, 255, 0.8)',
|
|
scaleLength: 0,
|
|
lineCap: 'square',
|
|
lineWidth: 4,
|
|
size: 80,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
$('.easypiechart#beer').easyPieChart({
|
|
barColor: "rgba(255, 255, 255, 0.6)",
|
|
trackColor: 'rgba(255, 255, 255, 0.2)',
|
|
scaleColor: 'rgba(255, 255, 255, 0.8)',
|
|
scaleLength: 0,
|
|
lineCap: 'square',
|
|
lineWidth: 4,
|
|
size: 80,
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent').text(Math.round(percent));
|
|
}
|
|
});
|
|
|
|
|
|
$('#updatePieCharts').on('click', function() {
|
|
$('.easypiechart#bandwidth').data('easyPieChart').update(Math.random()*100);
|
|
$('.easypiechart#ramusage').data('easyPieChart').update(Math.random()*100);
|
|
$('.easypiechart#serverload').data('easyPieChart').update(Math.random()*100);
|
|
$('.easypiechart#space').data('easyPieChart').update(Math.random()*100);
|
|
$('.easypiechart#network').data('easyPieChart').update(Math.random()*100);
|
|
$('.easypiechart#beer').data('easyPieChart').update(Math.random()*100);
|
|
return false;
|
|
});
|
|
}
|
|
catch(error) {}
|
|
});
|
|
|
|
|
|
//Sparkline Tiles
|
|
|
|
var responsiveSparklinePageView = function() {
|
|
$("#tiles-sparkline-stats-pageviews").sparkline([2455,1234,776,349,1776,2234,2455], {
|
|
type: 'line',
|
|
lineColor: '#ccc',
|
|
lineWidth: '1.5',
|
|
fillColor: 'transparent',
|
|
height: 70,
|
|
width: '100%',
|
|
minSpotColor: false,
|
|
maxSpotColor: false,
|
|
spotColor: false,
|
|
spotRadius: '4',
|
|
highlightSpotColor: '#999999',
|
|
highlightLineColor: '#cccccc'
|
|
});
|
|
|
|
$("#tiles-sparkline-stats-totalsales").sparkline([2455,3534,5776,4349,5179,524,1123], {
|
|
type: 'line',
|
|
lineColor: '#ccc',
|
|
lineWidth: '1.5',
|
|
fillColor: 'transparent',
|
|
height: 70,
|
|
width: '100%',
|
|
minSpotColor: false,
|
|
maxSpotColor: false,
|
|
spotColor: false,
|
|
spotRadius: '4',
|
|
highlightSpotColor: '#999999',
|
|
highlightLineColor: '#cccccc'
|
|
});
|
|
|
|
$("#tiles-sparkline-stats-totalorders").sparkline([255,134,76,120,350,400,98], {
|
|
type: 'line',
|
|
lineColor: '#ccc',
|
|
lineWidth: '1.5',
|
|
fillColor: 'transparent',
|
|
height: 70,
|
|
width: '100%',
|
|
minSpotColor: false,
|
|
maxSpotColor: false,
|
|
spotColor: false,
|
|
spotRadius: '4',
|
|
highlightSpotColor: '#999999',
|
|
highlightLineColor: '#cccccc'
|
|
});
|
|
|
|
$("#tiles-sparkline-stats-pageviews4").sparkline([1455,634,776,1349,2179,2524,1423], {
|
|
type: 'line',
|
|
lineColor: '#ccc',
|
|
lineWidth: '1.5',
|
|
fillColor: 'transparent',
|
|
height: 70,
|
|
width: '100%',
|
|
minSpotColor: false,
|
|
maxSpotColor: false,
|
|
spotColor: false,
|
|
spotRadius: '4',
|
|
highlightSpotColor: '#999999',
|
|
highlightLineColor: '#cccccc'
|
|
});
|
|
|
|
$("#tiles-sparkline-stats-blogviews").sparkline([1455,634,776,1349,2179,2524,1423], {
|
|
type: 'line',
|
|
lineColor: '#e3e3e3',
|
|
lineWidth: '2',
|
|
fillColor: 'transparent',
|
|
height: 173,
|
|
width: '100%',
|
|
minSpotColor: false,
|
|
maxSpotColor: false,
|
|
spotColor: false,
|
|
spotRadius: '4',
|
|
highlightSpotColor: '#e3e3e3',
|
|
highlightLineColor: 'rgba(227,227,227,0.3)'
|
|
});
|
|
|
|
$("#tiles-sparkline-stats-blogviews").sparkline([2455,1634,376,2349,3179,1524,4423], {
|
|
composite: true,
|
|
lineColor: '#9b59b6',
|
|
lineWidth: '2',
|
|
fillColor: 'transparent',
|
|
height: 173,
|
|
minSpotColor: false,
|
|
maxSpotColor: false,
|
|
spotColor: false,
|
|
spotRadius: '4',
|
|
highlightSpotColor: '#9b59b6',
|
|
highlightLineColor: 'rgba(227,227,227,0.3)'
|
|
});
|
|
}
|
|
|
|
var refreshSparklines;
|
|
$(window).resize(function(e) {
|
|
clearTimeout(refreshSparklines);
|
|
refreshSparklines = setTimeout(responsiveSparklinePageView, 500);
|
|
});
|
|
|
|
responsiveSparklinePageView();
|
|
|
|
|
|
//Info Tiles: Sparkline Variant
|
|
$("#tileorders").sparkline([112,182,130,191,75,214,159,138,156,120], {
|
|
type: 'bar',
|
|
barColor: 'rgba(255, 255, 255, 0.3)',
|
|
barSpacing: 1,
|
|
height: '13',
|
|
barWidth: 3
|
|
});
|
|
|
|
$("#tilemembers").sparkline([41,38,73,49,51,20,55,13,35,23], {
|
|
type: 'bar',
|
|
barColor: 'rgba(255, 255, 255, 0.3)',
|
|
barSpacing: 1,
|
|
height: '13',
|
|
barWidth: 3
|
|
});
|
|
|
|
$("#tiletickets").sparkline([50,100,78], {
|
|
type: 'pie',
|
|
sliceColors: ['rgba(255, 255, 255, 0.75)','rgba(255, 255, 255, 0.5)','rgba(255, 255, 255, 0.25)'],
|
|
height: '13',
|
|
width: '13'
|
|
});
|
|
|
|
$("#tilerevenues").sparkline([11270,17257,15014,13107,15538,13439,17915,23874,16677,12003], {
|
|
type: 'line',
|
|
lineColor: 'rgba(255, 255, 255, 0.3)',
|
|
lineWidth: '1.5',
|
|
fillColor: 'transparent',
|
|
height: '13',
|
|
minSpotColor: false,
|
|
maxSpotColor: false,
|
|
spotColor: false,
|
|
spotRadius: '0',
|
|
highlightSpotColor: '#fff',
|
|
highlightLineColor: '#fff',
|
|
width: '40'
|
|
});
|
|
|
|
$("#tileprofits").sparkline([412,382,130,191,215,204,559,738,456,239], {
|
|
type: 'line',
|
|
lineColor: 'rgba(255, 255, 255, 0.3)',
|
|
lineWidth: '1.5',
|
|
fillColor: 'transparent',
|
|
height: '13',
|
|
minSpotColor: false,
|
|
maxSpotColor: false,
|
|
spotColor: false,
|
|
spotRadius: '0',
|
|
highlightSpotColor: '#fff',
|
|
highlightLineColor: '#fff',
|
|
width: '48'
|
|
});
|