You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
190 lines
5.7 KiB
190 lines
5.7 KiB
5 years ago
|
var $danger = "#D66061";
|
||
|
var $yellow = "#ffee00";
|
||
|
|
||
|
|
||
|
// Sparkline Graphs
|
||
|
$(function () {
|
||
|
$('#projects').sparkline([620,250,400,380,280,320,220,385,450], {
|
||
|
type: 'line',
|
||
|
lineWidth: 3,
|
||
|
fillColor: false,
|
||
|
lineColor: '#058DC7',
|
||
|
spotColor: '#e13f3d',
|
||
|
minSpotColor: '#50B432',
|
||
|
maxSpotColor: '#f7b53c',
|
||
|
highlightSpotColor: '#',
|
||
|
height: 60,
|
||
|
width: 120,
|
||
|
spotRadius: 6,
|
||
|
});
|
||
|
$('#sparkline1').sparkline([8, 6, 2, 8, 9, 4, 7, 10, 11, 12, 7], {
|
||
|
type: 'bar',
|
||
|
height: '80',
|
||
|
barWidth: '10',
|
||
|
barWidth: 2,
|
||
|
barSpacing: 10,
|
||
|
chartRangeMin: 0,
|
||
|
barColor: '#e6ecf5'
|
||
|
});
|
||
|
|
||
|
$("#downloads").sparkline([290,320,310,365,420,320,350,370,320], {
|
||
|
type: 'bar',
|
||
|
barWidth: 10,
|
||
|
height: 60,
|
||
|
width: 120,
|
||
|
barSpacing: 5,
|
||
|
barColor: '#058DC7',
|
||
|
negBarColor: '#ffffaa'
|
||
|
});
|
||
|
$(".watch1").sparkline([2,4,4,6,8,5,6,4,8,6,6,2 ], {
|
||
|
type: 'line',
|
||
|
width: '100%',
|
||
|
height: '80',
|
||
|
lineColor: '#13dafe',
|
||
|
fillColor: 'rgba(19, 218, 254, 0.3)',
|
||
|
maxSpotColor: '#99d683',
|
||
|
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||
|
highlightSpotColor: 'rgba(0,0,0,.2)'
|
||
|
});
|
||
|
$('.watch2').sparkline([0,13,10,14,15,10,18,15,19], {
|
||
|
type: 'line',
|
||
|
width: '100%',
|
||
|
height: '80',
|
||
|
lineColor: '#6164c1',
|
||
|
fillColor: 'rgba(97, 100, 193, 0.3)',
|
||
|
highlightLineColor: 'rgba(0,0,0,.1)',
|
||
|
highlightSpotColor: 'rgba(0,0,0,.2)'
|
||
|
});
|
||
|
$(".watch3").sparkline([0,2,8,6,8,5,6,4,8,6,6,2 ], {
|
||
|
type: 'line',
|
||
|
width: '100%',
|
||
|
height: '80',
|
||
|
lineColor: '#fa8282',
|
||
|
fillColor: 'rgba(255,211,152,.8)',
|
||
|
minSpotColor:'#13dafe',
|
||
|
maxSpotColor: '#13dafe',
|
||
|
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||
|
highlightSpotColor: '#13dafe'
|
||
|
});
|
||
|
$(".watch4").sparkline([3,7,5,6,8,7,6,7,8,6,6,9 ], {
|
||
|
type: 'line',
|
||
|
width: '100%',
|
||
|
height: '80',
|
||
|
lineColor: '#13dafe',
|
||
|
fillColor: 'rgba(153,214,131,.7)',
|
||
|
minSpotColor:'#13dafe',
|
||
|
maxSpotColor: '#13dafe',
|
||
|
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||
|
highlightSpotColor: '#13dafe'
|
||
|
});
|
||
|
$(".watch5").sparkline([2,5,6,6,9,5,7,7,8,5,6,8 ], {
|
||
|
type: 'line',
|
||
|
width: '100%',
|
||
|
height: '80',
|
||
|
lineColor: '#fc6180',
|
||
|
fillColor: 'rgba(252, 97, 128, 0.3)',
|
||
|
maxSpotColor: '#99d683',
|
||
|
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||
|
highlightSpotColor: 'rgba(0,0,0,.2)'
|
||
|
});
|
||
|
|
||
|
$(".profile1").sparkline([0,2,8,6,8,5,6,4,8,6,6,2 ], {
|
||
|
type: 'bar',
|
||
|
width: '100%',
|
||
|
height: '50',
|
||
|
barColor: '#fa8282',
|
||
|
fillColor: 'rgba(255,211,152,.8)',
|
||
|
minSpotColor:'#13dafe',
|
||
|
maxSpotColor: '#13dafe',
|
||
|
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||
|
highlightSpotColor: '#13dafe'
|
||
|
});
|
||
|
$(".profile2").sparkline([3,7,5,6,8,7,6,7,8,6,6,9 ], {
|
||
|
type: 'bar',
|
||
|
width: '100%',
|
||
|
height: '50',
|
||
|
barColor: '#13dafe',
|
||
|
fillColor: 'rgba(153,214,131,.7)',
|
||
|
minSpotColor:'#13dafe',
|
||
|
maxSpotColor: '#13dafe',
|
||
|
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||
|
highlightSpotColor: '#13dafe'
|
||
|
});
|
||
|
$(".profile3").sparkline([2,5,6,6,9,5,7,7,8,5,6,8 ], {
|
||
|
type: 'bar',
|
||
|
width: '100%',
|
||
|
height: '50',
|
||
|
barColor: '#72a1ec'
|
||
|
});
|
||
|
|
||
|
$("#total-applications").sparkline([212,257,284,315,365,383,358,371,329,295,321,392,316,423,477,495,419], {
|
||
|
type: 'line',
|
||
|
lineWidth: 3,
|
||
|
fillColor: false,
|
||
|
lineColor: '#058DC7',
|
||
|
spotColor: '#e13f3d',
|
||
|
minSpotColor: '#50B432',
|
||
|
maxSpotColor: '#f7b53c',
|
||
|
highlightSpotColor: '#',
|
||
|
height: 40,
|
||
|
width: 180,
|
||
|
spotRadius: 5,
|
||
|
});
|
||
|
});
|
||
|
|
||
|
|
||
|
// Flot Donut Chart
|
||
|
$(function () {
|
||
|
|
||
|
$.post('https://settlement.yimian.xyz/api/', function(res){
|
||
|
res = JSON.parse(res);
|
||
|
//console.log(res);
|
||
|
$('#a-yimian').html((res.data.liu / res.data.total * 100).toFixed(1) +'%');
|
||
|
$('#a-boyao').html((res.data.yang / res.data.total * 100).toFixed(1) +'%');
|
||
|
$('#a-xiaotian').html((res.data.li / res.data.total * 100).toFixed(1) +'%');
|
||
|
$('#a-mingran').html((res.data.jia / res.data.total * 100).toFixed(1) +'%');
|
||
|
$('#a-hao').html((res.data.zheng / res.data.total * 100).toFixed(1) +'%');
|
||
|
$('#a-balance').html(((Math.pow(res.data.liu - res.data.avg, 2) + Math.pow(res.data.yang - res.data.avg, 2) + Math.pow(res.data.li - res.data.avg, 2) + Math.pow(res.data.jia - res.data.avg, 2) + Math.pow(res.data.zheng - res.data.avg, 2)) / 5).toFixed(1));
|
||
|
|
||
|
var data, chartOptions;
|
||
|
data = [
|
||
|
{ label: "", data: Math.floor (res.data.liu) },
|
||
|
{ label: "", data: Math.floor (res.data.yang) },
|
||
|
{ label: "", data: Math.floor (res.data.li) },
|
||
|
{ label: "", data: Math.floor (res.data.jia) },
|
||
|
{ label: "", data: Math.floor (res.data.zheng) },
|
||
|
];
|
||
|
chartOptions = {
|
||
|
series: {
|
||
|
pie: {
|
||
|
show: true,
|
||
|
innerRadius: .8,
|
||
|
stroke: {
|
||
|
width: 1,
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
shadowSize: 0,
|
||
|
legend: {
|
||
|
position: 'sw'
|
||
|
},
|
||
|
tooltip: true,
|
||
|
|
||
|
tooltipOpts: {
|
||
|
content: '%s: %y'
|
||
|
},
|
||
|
grid:{
|
||
|
hoverable: false,
|
||
|
clickable: false,
|
||
|
borderWidth: 0,
|
||
|
},
|
||
|
shadowSize: 0,
|
||
|
colors: ['#F782AA', '#0084B4', '#3FC5AC', '#FFD06B', '#CCCCCC'],
|
||
|
};
|
||
|
var holder = $('#advertising');
|
||
|
if (holder.length) {
|
||
|
$.plot(holder, data, chartOptions );
|
||
|
}
|
||
|
|
||
|
});
|
||
|
});
|