| Server IP : 66.29.137.217 / Your IP : 3.148.211.202 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/./gle.gltechlimited.com/public/assets/js/custom/ |
Upload File : |
/*
----------------------------------------
: Custom - Sparkline Charts js :
----------------------------------------
*/
"use strict";
$(document).ready(function() {
/* -- Sparkline - Line -- */
var sparklineLineData = [0, 45, 22, 37, 30, 54, 48, 23, 50, 15];
$('#sparkline-line').sparkline(sparklineLineData, {
type: 'line',
width: "150",
height: '150',
chartRangeMax: 50,
lineColor: '#506fe4',
fillColor: 'transparent',
highlightLineColor: '#f2f3f7',
highlightSpotColor: 'rgba(80,111,228,0.5)'
});
/* -- Sparkline - Area Line -- */
var sparklineAreaLineData = [0, 45, 22, 37, 30, 54, 48, 23, 50, 15];
$('#sparkline-area-line').sparkline(sparklineAreaLineData, {
type: 'line',
width: "150",
height: '150',
chartRangeMax: 50,
lineColor: '#506fe4',
fillColor: 'rgba(80,111,228,0.5)',
highlightLineColor: '#f2f3f7',
highlightSpotColor: 'rgba(80,111,228,0.5)'
});
/* ----- Sparkline - Pie Chart ----- */
var sparklinePieData = [30, 30, 30];
$('#sparkline-pie').sparkline(sparklinePieData, {
type: 'pie',
width: '150',
height: '150',
sliceColors: ['#43d187', '#f2f3f7', '#506fe4']
});
/* ----- Sparkline - Bar ----- */
var sparklineBarData = [30, 40, 60, 80, 30, 20, 40, 50, 70, 90];
$('#sparkline-bar').sparkline(sparklineBarData, {
type: 'bar',
width: "150",
height: '150',
barColor: '#506fe4',
barWidth: '12',
barSpacing: '5'
});
/* ----- Sparkline - Composite Chart ----- */
var sparklineCompositeBarData = [30, 40, 60, 80, 30, 20, 40, 50, 70, 90];
var sparklineCompositeLineData = [30, 40, 60, 80, 30, 20, 40, 50, 70, 90];
$('#sparkline-composite-bar').sparkline(sparklineCompositeBarData, {
type: 'bar',
width: "150",
height: '150',
barColor: '#506fe4',
barWidth: '12',
barSpacing: '5'
});
$('#sparkline-composite-bar').sparkline(sparklineCompositeLineData, {
type: 'line',
width: "100%",
height: '150',
lineColor: '#f9616d',
fillColor: 'transparent',
composite: true,
highlightLineColor: '#f2f3f7',
highlightSpotColor: 'rgba(80,111,228,0.5)'
});
/* ----- Sparkline - Tristate Chart ----- */
var sparklineTristateData = [1,0,1,-1,-1,1,-1,0,0,1];
$("#sparkline-tristate").sparkline(sparklineTristateData, {
type: 'tristate',
width: '150',
height: '150',
posBarColor: '#506fe4',
negBarColor: '#43d187',
zeroBarColor: '#f2f3f7',
barWidth: 12,
barSpacing: 5
});
/* ----- Sparkline - Discrete Chart ----- */
var sparklineDiscreteData = [4,6,7,7,4,3,2,1,4,4];
$("#sparkline-discrete").sparkline(sparklineDiscreteData, {
type: 'discrete',
width: '150',
height: '50',
lineColor: '#506fe4',
thresholdColor: '#506fe4',
thresholdWidth: '12',
});
/* ----- Sparkline - Bullet Chart ----- */
var sparklineBulletData = [10,12,12,9,7];
$("#sparkline-bullet").sparkline(sparklineBulletData, {
type: 'bullet',
width: '150',
height: '50',
targetColor: '#f9616d',
performanceColor: '#506fe4',
rangeColors: ['rgba(80,111,228,0.2)','rgba(80,111,228,0.4)','rgba(80,111,228,0.6)']
});
/* ----- Sparkline - Box Plot Chart ----- */
var sparklineBoxPlotData = [4,27,34,52,54,59,61,68,78,82,85,87,91,93,100];
$("#sparkline-box-plot").sparkline(sparklineBoxPlotData, {
type: 'box',
width: '150',
height: '50',
raw: false,
boxLineColor: '#506fe4',
boxFillColor: 'rgba(80,111,228,0.5)',
whiskerColor: '#506fe4',
outlierLineColor: '#506fe4',
outlierFillColor: '#f2f3f7',
medianColor: '#f9616d',
targetColor: '#2bcd72'
});
});