| Server IP : 162.240.98.243 / Your IP : 18.222.167.129 Web Server : Apache System : Linux server.bti.yaw.mybluehostin.me 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : btiyawmy ( 1003) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/btiyawmy/public_html/login.easenup.in/assets/js/ |
Upload File : |
var Script = function () {
$(".sparkline").each(function(){
var $data = $(this).data();
$data.valueSpots = {'0:': $data.spotColor};
$(this).sparkline( $data.data || "html", $data,
{
tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
'<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'
});
});
//sparkline chart
$("#barchart").sparkline([5,3,6,7,5,6,4,2,3,4,6,8,9,10,8,6,5,7,6,5,4,7,4], {
type: 'bar',
height: '65',
barWidth: 8,
barSpacing: 5,
barColor: '#fff'
// tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
// '<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'
});
$("#linechart").sparkline([1,5,3,7,9,3,6,4,7,9,7,6,2], {
type: 'line',
width: '300',
height: '75',
fillColor: '',
lineColor: '#fff',
lineWidth: 2,
spotColor: '#fff',
minSpotColor: '#fff',
maxSpotColor: '#fff',
highlightSpotColor: '#fff',
highlightLineColor: '#ffffff',
spotRadius: 4,
highlightLineColor: '#ffffff'
// tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
// '<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'
});
$("#pie-chart").sparkline([2,1,1,1], {
type: 'pie',
width: '100',
height: '100',
borderColor: '#00bf00',
sliceColors: ['#41CAC0', '#A8D76F', '#F8D347', '#EF6F66']
// tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
// '<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'
});
//work progress bar
$("#work-progress1").sparkline([5,6,7,5,9,6,4], {
type: 'bar',
height: '20',
barWidth: 5,
barSpacing: 2,
barColor: '#5fbf00'
// tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
// '<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'
});
$("#work-progress2").sparkline([3,2,5,8,4,7,5], {
type: 'bar',
height: '22',
barWidth: 5,
barSpacing: 2,
barColor: '#58c9f1'
// tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
// '<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'
});
$("#work-progress3").sparkline([1,6,9,3,4,8,5], {
type: 'bar',
height: '22',
barWidth: 5,
barSpacing: 2,
barColor: '#8075c4'
// tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
// '<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'
});
$("#work-progress4").sparkline([9,4,9,6,7,4,3], {
type: 'bar',
height: '22',
barWidth: 5,
barSpacing: 2,
barColor: '#ff6c60'
// tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
// '<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'
});
$("#work-progress5").sparkline([6,8,5,7,6,8,3], {
type: 'bar',
height: '22',
barWidth: 5,
barSpacing: 2,
barColor: '#41cac0'
// tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
// '<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'
});
$("#pie-chart2").sparkline([2,1,1,1], {
type: 'pie',
width: '250',
height: '125',
sliceColors: ['#41CAC0', '#A8D76F', '#F8D347', '#EF6F66']
// tooltipFormat: '<span style="display:block; padding:0px 10px 12px 0px;">' +
// '<span style="color: {{color}}">●</span> {{offset:names}} ({{percent.1}}%)</span>'});
});
}();