Primer Commit
This commit is contained in:
235
dist/js/pages/sparkline/jquery.charts-sparkline.js
vendored
Normal file
235
dist/js/pages/sparkline/jquery.charts-sparkline.js
vendored
Normal file
@@ -0,0 +1,235 @@
|
||||
|
||||
$(document).ready(function() {
|
||||
var sparklineLogin = function() {
|
||||
$("#sparkline1").sparkline([5,6,2,8,9,4,7,10,11,12,10], {
|
||||
type: 'bar',
|
||||
height: '45',
|
||||
barWidth: 7,
|
||||
barSpacing: 4,
|
||||
barColor: '#99d683'
|
||||
|
||||
});
|
||||
|
||||
$('#sparkline2').sparkline([20, 40, 30], {
|
||||
type: 'pie',
|
||||
width: '50',
|
||||
height: '45',
|
||||
resize: true,
|
||||
sliceColors: ['#13dafe', '#6164c1', '#f1f2f7']
|
||||
});
|
||||
|
||||
|
||||
$('#sparkline3').sparkline([5, 6, 2, 9, 4, 7, 10, 12], {
|
||||
type: 'bar',
|
||||
height: '164',
|
||||
barWidth: '7',
|
||||
resize: true,
|
||||
barSpacing: '5',
|
||||
barColor: '#f96262'
|
||||
});
|
||||
|
||||
|
||||
$("#sparkline4").sparkline([0, 23, 43, 35, 44, 45, 56, 37, 40, 45, 56, 7, 10], {
|
||||
type: 'line',
|
||||
width: '120',
|
||||
height: '45',
|
||||
lineColor: '#fb6d9d',
|
||||
fillColor: 'transparent',
|
||||
spotColor: '#fb6d9d',
|
||||
minSpotColor: undefined,
|
||||
maxSpotColor: undefined,
|
||||
highlightSpotColor: undefined,
|
||||
highlightLineColor: undefined
|
||||
});
|
||||
|
||||
$('#sparkline5').sparkline([15, 23, 55, 35, 54, 45, 66, 47, 30], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '160',
|
||||
chartRangeMax: 50,
|
||||
resize: true,
|
||||
lineColor: '#13dafe',
|
||||
fillColor: 'rgba(19, 218, 254, 0.3)',
|
||||
highlightLineColor: 'rgba(0,0,0,.1)',
|
||||
highlightSpotColor: 'rgba(0,0,0,.2)',
|
||||
});
|
||||
|
||||
$('#sparkline5').sparkline([0, 13, 10, 14, 15, 10, 18, 20, 0], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '160',
|
||||
chartRangeMax: 40,
|
||||
lineColor: '#6164c1',
|
||||
fillColor: 'rgba(97, 100, 193, 0.3)',
|
||||
composite: true,
|
||||
resize: true,
|
||||
highlightLineColor: 'rgba(0,0,0,.1)',
|
||||
highlightSpotColor: 'rgba(0,0,0,.2)',
|
||||
});
|
||||
$('#sparkline6').sparkline([5, 6, 2, 8, 9, 4, 7, 10, 11, 12, 10], {
|
||||
type: 'bar',
|
||||
height: '45',
|
||||
barWidth: '7',
|
||||
barSpacing: '4',
|
||||
barColor: '#13dafe'
|
||||
});
|
||||
$("#sparkline7").sparkline([0,2,8,6,8,5,6,4,8,6,4,2 ], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '50',
|
||||
lineColor: '#ffca4a',
|
||||
fillColor: '#ffca4a',
|
||||
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||||
highlightSpotColor: '#4f4f4f'
|
||||
});
|
||||
$("#sparkline8").sparkline([2,4,4,6,8,5,6,4,8,6,6,2 ], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '50',
|
||||
lineColor: '#4798e8',
|
||||
fillColor: '#4798e8',
|
||||
maxSpotColor: '#4798e8',
|
||||
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||||
highlightSpotColor: '#4798e8'
|
||||
});
|
||||
$("#sparkline9").sparkline([0,2,8,6,8,5,6,4,8,6,6,2 ], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '50',
|
||||
lineColor: '#01c0c8',
|
||||
fillColor: '#01c0c8',
|
||||
minSpotColor:'#01c0c8',
|
||||
maxSpotColor: '#01c0c8',
|
||||
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||||
highlightSpotColor: '#01c0c8'
|
||||
});
|
||||
$("#sparkline10").sparkline([2,4,4,6,8,5,6,4,8,6,6,2], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '50',
|
||||
lineColor: '#7460ee',
|
||||
fillColor: '#7460ee',
|
||||
maxSpotColor: '#7460ee',
|
||||
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
|
||||
highlightSpotColor: '#7460ee'
|
||||
});
|
||||
$('#sparkline11').sparkline([20, 40, 30], {
|
||||
type: 'pie',
|
||||
height: '200',
|
||||
resize: true,
|
||||
sliceColors: ['#01c0c8', '#7460ee', '#e9ecef']
|
||||
});
|
||||
|
||||
$("#sparkline12").sparkline([5,6,2,8,9,4,7,10,11,12,10,4,7,10], {
|
||||
type: 'bar',
|
||||
height: '200',
|
||||
barWidth: 10,
|
||||
barSpacing: 7,
|
||||
barColor: '#4798e8'
|
||||
});
|
||||
|
||||
$('#sparkline13').sparkline([5, 6, 2, 9, 4, 7, 10, 12,4,7,10], {
|
||||
type: 'bar',
|
||||
height: '200',
|
||||
barWidth: '10',
|
||||
resize: true,
|
||||
barSpacing: '7',
|
||||
barColor: '#ef6e6e'
|
||||
});
|
||||
$('#sparkline13').sparkline([5, 6, 2, 9, 4, 7, 10, 12,4,7,10], {
|
||||
type: 'line',
|
||||
height: '200',
|
||||
lineColor: '#f96262',
|
||||
fillColor: 'transparent',
|
||||
composite: true,
|
||||
highlightLineColor: 'rgba(0,0,0,.1)',
|
||||
highlightSpotColor: 'rgba(0,0,0,.2)'
|
||||
});
|
||||
$("#sparkline14").sparkline([0, 23, 43, 35, 44, 45, 56, 37, 40, 45, 56, 7, 10], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '200',
|
||||
lineColor: '#fff',
|
||||
fillColor: 'transparent',
|
||||
spotColor: '#fff',
|
||||
minSpotColor: undefined,
|
||||
maxSpotColor: undefined,
|
||||
highlightSpotColor: undefined,
|
||||
highlightLineColor: undefined
|
||||
});
|
||||
$('#sparkline15').sparkline([5, 6, 2, 8, 9, 4, 7, 10, 11, 12, 10, 9, 4, 7], {
|
||||
type: 'bar',
|
||||
height: '200',
|
||||
barWidth: '10',
|
||||
barSpacing: '10',
|
||||
barColor: '#01c0c8'
|
||||
});
|
||||
$('#sparkline16').sparkline([15, 23, 55, 35, 54, 45, 66, 47, 30], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '200',
|
||||
chartRangeMax: 50,
|
||||
resize: true,
|
||||
lineColor: '#01c0c8',
|
||||
fillColor: 'rgba(1, 192, 200, 0.3)',
|
||||
highlightLineColor: 'rgba(0,0,0,.1)',
|
||||
highlightSpotColor: 'rgba(0,0,0,.2)',
|
||||
});
|
||||
|
||||
$('#sparkline16').sparkline([0, 13, 10, 14, 15, 10, 18, 20, 0], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '200',
|
||||
chartRangeMax: 40,
|
||||
lineColor: '#6610f2',
|
||||
fillColor: 'rgba(102, 16, 242, 0.3)',
|
||||
composite: true,
|
||||
resize: true,
|
||||
highlightLineColor: 'rgba(0,0,0,.1)',
|
||||
highlightSpotColor: 'rgba(0,0,0,.2)',
|
||||
});
|
||||
|
||||
$('#sparklinedash').sparkline([ 0, 5, 6, 10, 9, 12, 4, 9], {
|
||||
type: 'bar',
|
||||
height: '30',
|
||||
barWidth: '4',
|
||||
resize: true,
|
||||
barSpacing: '5',
|
||||
barColor: '#343a40'
|
||||
});
|
||||
$('#sparklinedash2').sparkline([ 0, 5, 6, 10, 9, 12, 4, 9], {
|
||||
type: 'bar',
|
||||
height: '30',
|
||||
barWidth: '4',
|
||||
resize: true,
|
||||
barSpacing: '5',
|
||||
barColor: '#7460ee'
|
||||
});
|
||||
$('#sparklinedash3').sparkline([ 0, 5, 6, 10, 9, 12, 4, 9], {
|
||||
type: 'bar',
|
||||
height: '30',
|
||||
barWidth: '4',
|
||||
resize: true,
|
||||
barSpacing: '5',
|
||||
barColor: '#4798e8'
|
||||
});
|
||||
$('#sparklinedash4').sparkline([ 0, 5, 6, 10, 9, 12, 4, 9], {
|
||||
type: 'bar',
|
||||
height: '30',
|
||||
barWidth: '4',
|
||||
resize: true,
|
||||
barSpacing: '5',
|
||||
barColor: '#ef6e6e'
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
var sparkResize;
|
||||
|
||||
$(window).resize(function(e) {
|
||||
clearTimeout(sparkResize);
|
||||
sparkResize = setTimeout(sparklineLogin, 500);
|
||||
});
|
||||
sparklineLogin();
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user