File: //usr/local/CyberCP/public/static/baseTemplate/assets/widgets/charts/sparklines/sparklines-demo.js
/* Sparklines charts */
$(function() {
"use strict";
$('.sparkbar').sparkline('html', {
type: 'bar',
disableHiddenCheck: false,
width: '36px',
height: '36px'
});
});
/* Sparklines */
$(function() {
"use strict";
$('.bar-sparkline-btn').sparkline([
[3, 5],
[4, 7],
[2, 5],
[3, 5],
[4, 7],
[4, 7],
[5, 7],
[2, 7],
[3, 5]
], {
type: 'bar',
height: '53px',
barWidth: '5px',
barSpacing: '2px'
});
});
$(function() {
"use strict";
$('.bar-sparkline-btn-2').sparkline([
[3, 5],
[4, 7],
[2, 5],
[3, 5],
[4, 7],
[4, 7],
[5, 7],
[2, 7],
[3, 5]
], {
type: 'bar',
height: '40px',
barWidth: '3px',
barSpacing: '2px'
});
});
$(function() {
"use strict";
$('.bar-sparkline').sparkline([
[4, 8],
[2, 7],
[2, 6],
[2, 7],
[3, 5],
[2, 7],
[2, 6],
[2, 7],
[3, 5],
[4, 7],
[2, 5],
[3, 5],
[4, 7],
[4, 7],
[5, 7],
[4, 8],
[2, 7],
[2, 6],
[2, 7],
[3, 5]
], {
type: 'bar',
height: '35px',
barWidth: '5px',
barSpacing: '2px'
});
});
$(function() {
"use strict";
$('.bar-sparkline-2').sparkline('html', {
type: 'bar',
barColor: 'black',
height: '35px',
barWidth: '5px',
barSpacing: '2px'
});
});
$(function() {
"use strict";
$('.tristate-sparkline').sparkline('html', {
type: 'tristate',
barColor: 'black',
height: '35px',
barWidth: '5px',
barSpacing: '2px'
});
});
$(function() {
"use strict";
$('.discrete-sparkline').sparkline('html', {
type: 'discrete',
barColor: 'black',
height: '45px',
barSpacing: '4px'
});
});
$(function() {
"use strict";
$('.pie-sparkline').sparkline('html', {
type: 'pie',
barColor: 'black',
height: '45px',
width: '45px'
});
});
$(function() {
"use strict";
$(".pie-sparkline-alt").sparkline('html', {
type: 'pie',
width: '100',
height: '100',
sliceColors: ['#EFEFEF', '#5BCCF6', '#FA7753'],
borderWidth: 0
});
});
$(function() {
"use strict";
var myvalues = [10, 8, 5, 7, 4, 4, 1];
$('.dynamic-sparkline').sparkline(myvalues, {
height: '35px',
width: '135px'
});
});
$(function() {
"use strict";
var myvalues = [10, 8, 5, 7, 4, 4, 1];
$('.dynamic-sparkline-5').sparkline(myvalues, {
height: '57px',
width: '100px'
});
});
$(function() {
"use strict";
$('.tristate-sparkline-2').sparkline('html', {
type: 'tristate',
posBarColor: '#ec6a00',
negBarColor: '#ffc98a',
zeroBarColor: '#000000',
height: '35px',
barWidth: '5px',
barSpacing: '2px'
});
});
$(function() {
"use strict";
$(".infobox-sparkline").sparkline([
[3, 5],
[4, 7],
[2, 5],
[3, 5],
[4, 7],
[4, 7],
[5, 7],
[2, 7],
[3, 5]
], {
type: 'bar',
height: '53',
barWidth: 5,
barSpacing: 2,
zeroAxis: false,
barColor: '#ccc',
negBarColor: '#ddd',
zeroColor: '#ccc',
stackedBarColor: ['#871010', '#ffebeb']
});
});
$(function() {
"use strict";
$(".infobox-sparkline-2").sparkline([
[3, 5],
[4, 7],
[2, 5],
[3, 5],
[4, 7],
[4, 7],
[5, 7],
[2, 7],
[3, 5]
], {
type: 'bar',
height: '53',
barWidth: 5,
barSpacing: 2,
zeroAxis: false,
barColor: '#ccc',
negBarColor: '#ddd',
zeroColor: '#ccc',
stackedBarColor: ['#000000', '#cccccc']
});
});
$(function() {
"use strict";
$(".infobox-sparkline-pie").sparkline([1.5, 2.5, 2], {
type: 'pie',
width: '57',
height: '57',
sliceColors: ['#0d4f26', '#00712b', '#2eee76'],
offset: 0,
borderWidth: 0,
borderColor: '#000000'
});
});
$(function() {
"use strict";
$(".infobox-sparkline-tri").sparkline([1, 1, 0, 1, -1, -1, 1, -1, 0, 0, 2, 1], {
type: 'tristate',
height: '53',
posBarColor: '#1bb1fc',
negBarColor: '#3d57ed',
zeroBarColor: '#000000',
barWidth: 5
});
});
$(function() {
"use strict";
$(".sprk-1").sparkline('html', {
type: 'line',
width: '50%',
height: '65',
lineColor: '#b2b2b2',
fillColor: '#ffffff',
lineWidth: 1,
spotColor: '#0065ff',
minSpotColor: '#0065ff',
maxSpotColor: '#0065ff',
spotRadius: 4
});
});
$(function() {
"use strict";
$(".sparkline-big").sparkline('html', {
type: 'line',
width: '85%',
height: '80',
highlightLineColor: '#ffffff',
lineColor: '#ffffff',
fillColor: 'transparent',
lineWidth: 1,
spotColor: '#ffffff',
minSpotColor: '#ffffff',
maxSpotColor: '#ffffff',
highlightSpotColor: '#000000',
spotRadius: 4
});
});
$(function() {
"use strict";
$(".sparkline-big-alt").sparkline('html', {
type: 'line',
width: '90%',
height: '110',
highlightLineColor: '#accfff',
lineColor: 'rgba(0,0,0,0.1)',
fillColor: '#fcfeff',
lineWidth: 1,
spotColor: 'transparent',
minSpotColor: 'transparent',
maxSpotColor: 'transparent',
highlightSpotColor: '#65a6ff',
spotRadius: 6
});
});
$(function() {
"use strict";
$(".sparkline-bar-big").sparkline('html', {
type: 'bar',
width: '85%',
height: '90',
barWidth: 6,
barSpacing: 2,
zeroAxis: false,
barColor: '#ffffff',
negBarColor: '#ffffff'
});
});
$(function() {
"use strict";
$(".sparkline-bar-big-color").sparkline('html', {
type: 'bar',
height: '90',
width: '85%',
barWidth: 6,
barSpacing: 2,
zeroAxis: false,
barColor: '#9CD159',
negBarColor: '#9CD159'
});
});
$(function() {
"use strict";
$(".sparkline-bar-big-color-2").sparkline([405, 450, 302, 405, 230, 311, 405, 342, 579, 405, 450, 302, 183, 579, 180, 311, 405, 342, 579, 405, 450, 302, 405, 230, 311, 405, 342, 579, 405, 450, 302, 405, 342, 432, 405, 450, 302, 183, 579, 180, 311, 405, 342, 579, 183, 579, 180, 311, 405, 342, 579, 405, 450, 302, 405, 230, 311, 405, 342, 579, 405, 450, 302, 405, 342, 432, 405, 450, 302, 183, 579, 180, 311, 405, 342, 579, 240, 180, 311, 450, 302, 370, 210], {
type: 'bar',
height: '88',
width: '85%',
barWidth: 6,
barSpacing: 2,
zeroAxis: false,
barColor: '#9CD159',
negBarColor: '#9CD159'
});
});