126 lines
3.4 KiB
JavaScript
126 lines
3.4 KiB
JavaScript
|
|
||
|
|
$(function() {
|
||
|
|
"use strict";
|
||
|
|
if ($('#sparkline1').length) {
|
||
|
|
$("#sparkline1").sparkline([5, 6, 7, 8, 9, 6, 8, 10], {
|
||
|
|
type: 'bar',
|
||
|
|
height: '50',
|
||
|
|
barWidth: 10,
|
||
|
|
barSpacing: 4,
|
||
|
|
barColor: '#5969ff'
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if ($('#sparkline2').length) {
|
||
|
|
$("#sparkline2").sparkline([5, 6, 7, 9, 8, 5, 3, 2, 2, 4, 6, 5, 5, 6, 3, 4, 9, 5, 2, 3], {
|
||
|
|
type: 'line',
|
||
|
|
width: '60%',
|
||
|
|
height: '50',
|
||
|
|
spotColor: '#ff407b',
|
||
|
|
minSpotColor: '#ff407b',
|
||
|
|
maxSpotColor: '#ff407b',
|
||
|
|
lineColor: '#5969ff',
|
||
|
|
lineWidth:'2'
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($('#sparkline3').length) {
|
||
|
|
$("#sparkline3").sparkline([1, 2, 3, 4, 5, 5, 4, 3, 2, 1, 1, 2, 3, 4, 5, 5, 4, 3, 2, 1, 2, 3, 4, 5, 5, 4, 3, 2, 1],
|
||
|
|
{
|
||
|
|
type: 'discrete',
|
||
|
|
width: '120',
|
||
|
|
height: '50',
|
||
|
|
lineColor: '#25d5f2'
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if ($('#sparkline4').length) {
|
||
|
|
$("#sparkline4").sparkline([5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7], {
|
||
|
|
type: 'line',
|
||
|
|
lineColor: '#7040fa',
|
||
|
|
fillColor: null,
|
||
|
|
width: '60%',
|
||
|
|
height: '50',
|
||
|
|
spotColor: '#ff407b',
|
||
|
|
minSpotColor: '#ff407b',
|
||
|
|
maxSpotColor: '#ff407b',
|
||
|
|
lineWidth:'2'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if ($('#compositebar').length) {
|
||
|
|
$('#compositebar')
|
||
|
|
.sparkline([4, 1, 5, 7, 9, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 2, 5, 6, 7], {
|
||
|
|
type: 'bar',
|
||
|
|
height: '50',
|
||
|
|
barWidth: '4',
|
||
|
|
resize: true,
|
||
|
|
barSpacing: '7',
|
||
|
|
barColor: '#25d5f2',
|
||
|
|
|
||
|
|
});
|
||
|
|
$('#compositebar').sparkline([4, 1, 5, 7, 9, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 2, 5, 6, 7], {
|
||
|
|
composite: true,
|
||
|
|
fillColor: false,
|
||
|
|
lineColor: '#25d5f2',
|
||
|
|
spotColor: '#ff407b',
|
||
|
|
minSpotColor: '#ff407b',
|
||
|
|
maxSpotColor: '#ff407b',
|
||
|
|
lineWidth:'2'
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if ($('#sparkline5').length) {
|
||
|
|
$("#sparkline5").sparkline([10, 12, 12, 9, 7], {
|
||
|
|
type: 'bullet',
|
||
|
|
targetColor: '#5969ff',
|
||
|
|
performanceColor: '#ff407b',
|
||
|
|
height: '50',
|
||
|
|
width:'180',
|
||
|
|
resize: true
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if ($('#sparkline6').length) {
|
||
|
|
$("#sparkline6").sparkline([1, 1, 2], {
|
||
|
|
|
||
|
|
sliceColors: ['#ff407b', '#5969ff #5969ff', '#5969ff', '#ff407b', '#ff407b'],
|
||
|
|
type: 'pie',
|
||
|
|
height: '50',
|
||
|
|
resize: true
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
if ($('#sparkline7').length) {
|
||
|
|
$("#sparkline7").sparkline([4, 27, 34, 52, 54, 59, 61, 68, 78, 82, 85, 87, 91, 93, 100], {
|
||
|
|
type: 'box',
|
||
|
|
boxFillColor: '#5969ff',
|
||
|
|
medianColor: '#ff407b',
|
||
|
|
targetColor: '#ff407b',
|
||
|
|
height:'50',
|
||
|
|
width:'200',
|
||
|
|
resize: true,
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|