Init(Core): Change repo
This commit is contained in:
157
public/assets/js/pages/sparklines.init.js
Normal file
157
public/assets/js/pages/sparklines.init.js
Normal file
@@ -0,0 +1,157 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Sparkline
|
||||
*/
|
||||
|
||||
$(document).ready(function() {
|
||||
var SparklineCharts = function() {
|
||||
|
||||
$('#sparkline1').sparkline([20, 40, 30], {
|
||||
type: 'pie',
|
||||
height: '200',
|
||||
resize: true,
|
||||
sliceColors: ['#45cb85', '#3b5de7', '#e9ecef']
|
||||
});
|
||||
|
||||
$("#sparkline2").sparkline([5,6,2,8,9,4,7,10,11,12,10,4,7,10], {
|
||||
type: 'bar',
|
||||
height: '200',
|
||||
barWidth: 10,
|
||||
barSpacing: 7,
|
||||
barColor: '#eeb902'
|
||||
});
|
||||
|
||||
$('#sparkline3').sparkline([5, 6, 2, 9, 4, 7, 10, 12,4,7,10], {
|
||||
type: 'bar',
|
||||
height: '200',
|
||||
barWidth: '10',
|
||||
resize: true,
|
||||
barSpacing: '7',
|
||||
barColor: '#45cb85'
|
||||
});
|
||||
$('#sparkline3').sparkline([5, 6, 2, 9, 4, 7, 10, 12,4,7,10], {
|
||||
type: 'line',
|
||||
height: '200',
|
||||
lineColor: '#3b5de7',
|
||||
fillColor: 'transparent',
|
||||
composite: true,
|
||||
lineWidth: 2,
|
||||
highlightLineColor: 'rgba(108, 120, 151, 0.1)',
|
||||
highlightSpotColor: 'rgba(108, 120, 151, 0.2)'
|
||||
});
|
||||
|
||||
$("#sparkline4").sparkline([0, 23, 43, 35, 44, 45, 56, 37, 40, 45, 56, 7, 10], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '200',
|
||||
lineColor: '#556ee6',
|
||||
fillColor: 'transparent',
|
||||
spotColor: '#556ee6',
|
||||
lineWidth: 2,
|
||||
minSpotColor: undefined,
|
||||
maxSpotColor: undefined,
|
||||
highlightSpotColor: undefined,
|
||||
highlightLineColor: undefined
|
||||
});
|
||||
$('#sparkline5').sparkline([15, 23, 55, 35, 54, 45, 66, 47, 30], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '200',
|
||||
chartRangeMax: 50,
|
||||
resize: true,
|
||||
lineColor: '#3b5de7',
|
||||
fillColor: 'rgba(59, 93, 231, 0.3)',
|
||||
highlightLineColor: 'rgba(108, 120, 151, 0.1)',
|
||||
highlightSpotColor: 'rgba(108, 120, 151, 0.2)',
|
||||
});
|
||||
|
||||
$('#sparkline5').sparkline([0, 13, 10, 14, 15, 10, 18, 20, 0], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '200',
|
||||
chartRangeMax: 40,
|
||||
lineColor: '#45cb85',
|
||||
fillColor: 'rgba(69, 203, 133, 0.3)',
|
||||
composite: true,
|
||||
resize: true,
|
||||
highlightLineColor: 'rgba(108, 120, 151, 0.1)',
|
||||
highlightSpotColor: 'rgba(108, 120, 151, 0.2)',
|
||||
});
|
||||
|
||||
$("#sparkline6").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 5, 6, 3, 4, 5, 8, 7, 6, 9, 3, 2, 4, 1, 5, 6, 4, 3, 7], {
|
||||
type: 'discrete',
|
||||
width: '280',
|
||||
height: '200',
|
||||
lineColor: '#ffffff'
|
||||
});
|
||||
|
||||
$('#sparkline7').sparkline([10,12,12,9,7], {
|
||||
type: 'bullet',
|
||||
width: '280',
|
||||
height: '80',
|
||||
targetColor: '#556ee6',
|
||||
performanceColor: '#f46a6a',
|
||||
tooltipValueLookups: {
|
||||
fields: {
|
||||
r: "بازه",
|
||||
p: "عملکرد",
|
||||
t: "هدف"
|
||||
}
|
||||
}
|
||||
});
|
||||
$('#sparkline8').sparkline([4,27,34,52,54,59,61,68,78,82,85,87,91,93,100], {
|
||||
type: 'box',
|
||||
width: '280',
|
||||
height: '80',
|
||||
boxLineColor: '#45cb85',
|
||||
boxFillColor: '#f1f1f1',
|
||||
whiskerColor: '#45cb85',
|
||||
outlierLineColor: '#45cb85',
|
||||
medianColor: '#45cb85',
|
||||
targetColor: '#45cb85',
|
||||
tooltipValueLookups: {
|
||||
fields: {
|
||||
lq: "ربع پایین",
|
||||
med: "میانه",
|
||||
uq: "ربع بالا",
|
||||
lo: "خارج از چپ",
|
||||
ro: "خارج از راست",
|
||||
lw: "ویسکر چپ",
|
||||
rw: "ویسکر راست"
|
||||
}
|
||||
}
|
||||
});
|
||||
$('#sparkline9').sparkline([1,1,0,1,-1,-1,1,-1,0,0,1,1], {
|
||||
height: '80',
|
||||
width: '100%',
|
||||
type: 'tristate',
|
||||
posBarColor: '#3b5de7',
|
||||
negBarColor: '#45cb85',
|
||||
zeroBarColor: '#ff715b',
|
||||
barWidth: 8,
|
||||
barSpacing: 3,
|
||||
zeroAxis: false,
|
||||
tooltipValueLookups: {
|
||||
map: {
|
||||
"-1": "باخت",
|
||||
0: "مساوی",
|
||||
1: "برد"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
}
|
||||
var sparkResize;
|
||||
|
||||
$(window).resize(function(e) {
|
||||
clearTimeout(sparkResize);
|
||||
sparkResize = setTimeout(SparklineCharts, 500);
|
||||
});
|
||||
SparklineCharts();
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user