<!-- Status Four -->
$(function() {
/* Bar sparklines */
$('.four-bar-one').sparkline("html",{type: "bar", barWidth:"4",barColor:"#32c8de", height: "50"});
$('.four-bar-two').sparkline("html",{type: "bar", barWidth:"4",barColor:"#ed5441", height: "50"});
$('.four-bar-three').sparkline("html",{type: "bar", barWidth:"4",barColor:"#51d466", height: "50"});
$('.four-bar-four').sparkline("html",{type: "bar", barWidth:"4",barColor:"#f8a841", height: "50"});
$('.four-bar-five').sparkline("html",{type: "bar", barWidth:"4",barColor:"#fcd419", height: "50"});
$('.four-bar-six').sparkline("html",{type: "bar", barWidth:"4",barColor:"#cb79e6", height: "50"});
});
<!-- Status Five -->
$(function() {
/* Pie sparklines */
$('.five-pie-one').sparkline("html",{type: "pie",width: "18",sliceColors:["#ed5441","#609cec","#51d466","#fcd419"]});
$('.five-pie-two').sparkline("html",{type: "pie",width: "18",sliceColors:["#ed5441","#609cec","#51d466","#fcd419","#cb79e6"]});
$('.five-pie-three').sparkline("html",{type: "pie",width: "18",sliceColors:["#ed5441","#609cec","#51d466","#fcd419"]});
$('.five-pie-four').sparkline("html",{type: "pie",width: "18",sliceColors:["#ed5441","#609cec","#51d466","#fcd419","#cb79e6"]});
});
<!-- Status Six -->
$(function() {
/* Bar sparklines */
$('.six-bar').sparkline("html",{type: "bar", barWidth:"4",barColor:"rgba(255,255,255,0.5)", height: "58"});
});
<!-- Status Seven -->
$(function() {
/* Bar sparklines */
$('.seven-bar-one').sparkline("html",{type: "bar", barWidth:"4",barColor:"#ff0000", height: "65"});
$('.seven-bar-two').sparkline("html",{type: "bar", barWidth:"4",barColor:"#32c8de", height: "65"});
});
<!-- Status Nine -->
/* Knob */
$(document).ready(function() {
$(".nine-knob").knob({
width: 80, //Width of Knob
height: 80, //Height of Knob
readOnly: true
});
});
<!-- Status Eleven -->
$(function() {
/* Bar sparklines */
$('.eleven-bar-one').sparkline("html",{type: "bar", barWidth:"4",barColor:"#32c8de", height: "60"});
/* Pie sparklines */
$('.eleven-pie').sparkline("html",{type: "pie",width: "80",height: "60",sliceColors:["#ed5441","#609cec","#51d466","#fcd419"]});
/* Line sparklines */
$(".eleven-line").sparkline("html", {type: 'line',width: '100',height: '60',lineColor: '#32c8de',fillColor: '#ff61e7'});
/* Bar sparklines */
$('.eleven-bar-two').sparkline("html",{type: "bar", barWidth:"4",barColor:"#ed5441", height: "60"});
});
<!-- Status Twelve -->
$(function() {
/* Pie sparklines */
$('.twelve-pone').sparkline("html",{type: "pie",width: "80",height: "100",sliceColors:["#ed5441","#609cec","#51d466","#fcd419"]});
$('.twelve-ptwo').sparkline("html",{type: "pie",width: "80",height: "100",sliceColors:["#ed5441","#609cec","#51d466","#fcd419","#ff61e7"]});
$(".twelve-pthree").sparkline("html", {type: 'pie',width: '80',height: '100',sliceColors:["#ed5441","#609cec","#51d466","#fcd419"]});
$(".twelve-pfour").sparkline("html", {type: 'pie',width: '80',height: '100',sliceColors:["#ed5441","#609cec","#51d466"]});
});
Comments