| Server IP : 74.208.127.88 / Your IP : 3.145.165.217 Web Server : Apache/2.4.41 (Ubuntu) System : Linux ubuntu 5.4.0-163-generic #180-Ubuntu SMP Tue Sep 5 13:21:23 UTC 2023 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/muebles/js/flot/ |
Upload File : |
(function ($) {
"use strict";
/*----------------------------
jQuery curvedLines
------------------------------ */
for (var d1 = [], i = 0; 10 >= i; i += 1) d1.push([i, parseInt(30 * Math.random())]);
for (var d2 = [], i = 0; 20 >= i; i += 1) d2.push([i, parseInt(30 * Math.random())]);
for (var d3 = [], i = 0; 10 >= i; i += 1) d3.push([i, parseInt(30 * Math.random())]);
var options = {
series: {
shadowSize: 0,
curvedLines: {
apply: !0,
active: !0,
monotonicFit: !0
},
lines: {
show: !1,
lineWidth: 0,
fill: 1
}
},
grid: {
borderWidth: 0,
labelMargin: 10,
hoverable: !0,
clickable: !0,
mouseActiveRadius: 6
},
xaxis: {
tickDecimals: 0,
ticks: !1
},
yaxis: {
tickDecimals: 0,
ticks: !1
},
legend: {
show: !1
}
};
$("#curved-line-chart")[0] && $.plot($("#curved-line-chart"), [{
data: d1,
lines: {
show: !0,
fill: .98
},
label: "Product 1",
stack: !0,
color: "#fff"
}, {
data: d3,
lines: {
show: !0,
fill: .98
},
label: "Product 2",
stack: !0,
color: "#24caa1"
}], options), $(".flot-chart")[0] && ($(".flot-chart").bind("plothover", function(event, pos, item) {
if (item) {
var x = item.datapoint[0].toFixed(2),
y = item.datapoint[1].toFixed(2);
$(".flot-tooltip").html(item.series.label + " of " + x + " = " + y).css({
top: item.pageY + 5,
left: item.pageX + 5
}).show()
} else $(".flot-tooltip").hide()
}), $("<div class='flot-tooltip' class='chart-tooltip'></div>").appendTo("body"));
function sparklineBar(id, values, height, barWidth, barColor, barSpacing) {
$("." + id).sparkline(values, {
type: "bar",
height: height,
barWidth: barWidth,
barColor: barColor,
barSpacing: barSpacing
})
}
function sparklineLine(id, values, width, height, lineColor, fillColor, lineWidth, maxSpotColor, minSpotColor, spotColor, spotRadius, hSpotColor, hLineColor) {
$("." + id).sparkline(values, {
type: "line",
width: width,
height: height,
lineColor: lineColor,
fillColor: fillColor,
lineWidth: lineWidth,
maxSpotColor: maxSpotColor,
minSpotColor: minSpotColor,
spotColor: spotColor,
spotRadius: spotRadius,
highlightSpotColor: hSpotColor,
highlightLineColor: hLineColor
})
}
function sparklinePie(id, values, width, height, sliceColors) {
$("." + id).sparkline(values, {
type: "pie",
width: width,
height: height,
sliceColors: sliceColors,
offset: 0,
borderWidth: 0
})
}
function easyPieChart(id, trackColor, scaleColor, barColor, lineWidth, lineCap, size) {
$("." + id).easyPieChart({
trackColor: trackColor,
scaleColor: scaleColor,
barColor: barColor,
lineWidth: lineWidth,
lineCap: lineCap,
size: size
})
}
$(".stats-bar")[0] && sparklineBar("stats-bar", [6, 4, 8, 6, 5, 6, 7, 8, 3, 5, 9, 5, 8, 4], "35px", 3, "#00c292", 2), $(".stats-bar-2")[0] && sparklineBar("stats-bar-2", [4, 7, 6, 2, 5, 3, 8, 6, 6, 4, 8, 6, 5, 8], "35px", 3, "#01c0c8", 2), $(".stats-line")[0] && sparklineLine("stats-line", [9, 4, 6, 5, 6, 4, 5, 7, 9, 3, 6, 5], 68, 35, "#fb9678", "#fb9678", 1.25, "#fb9678", "#fb9678", "#fb9678", 3, "#fb9678", "#fb9678"), $(".stats-line-2")[0] && sparklineLine("stats-line-2", [5, 6, 3, 9, 7, 5, 4, 6, 5, 6, 4, 9], 68, 35, "#00c292", "#00c292", 1.25, "#00c292", "#00c292", "#00c292", 3, "#00c292", "#00c292"), $(".stats-pie")[0] && sparklinePie("stats-pie", [20, 35, 30, 5], 45, 45, ["#fff", "rgba(255,255,255,0.7)", "rgba(255,255,255,0.4)", "rgba(255,255,255,0.2)"]), $(".dash-widget-visits")[0] && sparklineLine("dash-widget-visits", [9, 4, 6, 5, 6, 4, 5, 7, 9, 3, 6, 5], "100%", "70px", "#00c292", "#00c292", 2, "#00c292", "#00c292", "#00c292", 5, "#00c292", "#00c292"), $(".main-pie")[0] && easyPieChart("main-pie", "rgba(255,255,255,0.2)", "rgba(255,255,255,0)", "rgba(255,255,255,0.7)", 2, "butt", 148), $(".sub-pie-1")[0] && easyPieChart("sub-pie-1", "rgba(255,255,255,0.2)", "rgba(255,255,255,0)", "rgba(255,255,255,0.7)", 2, "butt", 90), $(".sub-pie-2")[0] && easyPieChart("sub-pie-2", "rgba(255,255,255,0.2)", "rgba(255,255,255,0)", "rgba(255,255,255,0.7)", 2, "butt", 90)
/*--------------------------
Bar chart Active Class
---------------------------- */
var data1 = [
[1, 60],
[2, 30],
[3, 50],
[4, 100],
[5, 10],
[6, 90],
[7, 85]
],
data2 = [
[1, 20],
[2, 90],
[3, 60],
[4, 40],
[5, 100],
[6, 25],
[7, 65]
],
data3 = [
[1, 100],
[2, 20],
[3, 60],
[4, 90],
[5, 80],
[6, 10],
[7, 5]
],
barData = [{
label: "Product",
data: data1,
color: "#00c292"
}, {
label: "Product",
data: data2,
color: "#fb9678"
}, {
label: "Product",
data: data3,
color: "#01c0c8"
}];
$("#bar-chart")[0] && $.plot($("#bar-chart"), barData, {
series: {
bars: {
show: !0,
barWidth: .05,
order: 1,
fill: 1
}
},
grid: {
borderWidth: 1,
borderColor: "#eee",
show: !0,
hoverable: !0,
clickable: !0
},
yaxis: {
tickColor: "#eee",
tickDecimals: 0,
font: {
lineHeight: 14,
style: "normal",
color: "#00c292"
},
shadowSize: 0
},
xaxis: {
tickColor: "#fff",
tickDecimals: 0,
font: {
lineHeight: 14,
style: "normal",
color: "#00c292"
},
shadowSize: 0
},
legend: {
container: ".flc-bar",
backgroundOpacity: .5,
noColumns: 0,
backgroundColor: "white",
lineWidth: 0
}
}), $(".flot-chart")[0] && ($(".flot-chart").bind("plothover", function(event, pos, item) {
if (item) {
var x = item.datapoint[0].toFixed(2),
y = item.datapoint[1].toFixed(2);
$(".flot-tooltip").html(item.series.label + " of " + x + " = " + y).css({
top: item.pageY + 5,
left: item.pageX + 5
}).show()
} else $(".flot-tooltip").hide()
}), $("<div class='flot-tooltip' class='chart-tooltip'></div>").appendTo("body"))
/*--------------------------
Dynamic chart Active Class
---------------------------- */
function getRandomData() {
for (data.length > 0 && (data = data.slice(1)); data.length < totalPoints;) {
var prev = data.length > 0 ? data[data.length - 1] : 50,
y = prev + 10 * Math.random() - 5;
0 > y ? y = 0 : y > 90 && (y = 90), data.push(y)
}
for (var res = [], i = 0; i < data.length; ++i) res.push([i, data[i]]);
return res
}
function update() {
plot.setData([getRandomData()]), plot.draw(), setTimeout(update, updateInterval)
}
var data = [],
totalPoints = 300,
updateInterval = 30;
if ($("#dynamic-chart")[0]) {
var plot = $.plot("#dynamic-chart", [getRandomData()], {
series: {
label: "Product",
lines: {
show: !0,
lineWidth: .2,
fill: .99
},
color: "#00c292",
shadowSize: 0
},
yaxis: {
min: 0,
max: 100,
tickColor: "#eee",
font: {
lineHeight: 14,
style: "normal",
color: "#00c292"
},
shadowSize: 0
},
xaxis: {
tickColor: "#eee",
show: !0,
font: {
lineHeight: 14,
style: "normal",
color: "#00c292"
},
shadowSize: 0,
min: 0,
max: 250
},
grid: {
borderWidth: 1,
borderColor: "#eee",
labelMargin: 10,
hoverable: !0,
clickable: !0,
mouseActiveRadius: 6
},
legend: {
show: !1
}
});
update()
}
function getRandomData() {
for (data.length > 0 && (data = data.slice(1)); data.length < totalPoints;) {
var prev = data.length > 0 ? data[data.length - 1] : 50,
y = prev + 10 * Math.random() - 5;
0 > y ? y = 0 : y > 90 && (y = 90), data.push(y)
}
for (var res = [], i = 0; i < data.length; ++i) res.push([i, data[i]]);
return res
}
for (var data = [], totalPoints = 100, d1 = [], i = 0; 10 >= i; i += 1) d1.push([i, parseInt(30 * Math.random())]);
for (var d2 = [], i = 0; 20 >= i; i += 1) d2.push([i, parseInt(30 * Math.random())]);
for (var d3 = [], i = 0; 10 >= i; i += 1) d3.push([i, parseInt(30 * Math.random())]);
var options = {
series: {
shadowSize: 0,
lines: {
show: !1,
lineWidth: 0
}
},
grid: {
borderWidth: 0,
labelMargin: 10,
hoverable: !0,
clickable: !0,
mouseActiveRadius: 6
},
xaxis: {
tickDecimals: 0,
ticks: !1
},
yaxis: {
tickDecimals: 0,
ticks: !1
},
legend: {
show: !1
}
};
$("#line-chart")[0] && $.plot($("#line-chart"), [{
data: d1,
lines: {
show: !0,
fill: .98
},
label: "Order 1",
stack: !0,
color: "#fff"
}, {
data: d3,
lines: {
show: !0,
fill: .98
},
label: "Order 2",
stack: !0,
color: "#24caa1"
}], options), $("#recent-items-chart")[0] && $.plot($("#recent-items-chart"), [{
data: getRandomData(),
lines: {
show: !0,
fill: .99
},
label: "Items",
stack: !0,
color: "#805bbe"
}], options), $(".flot-chart")[0] && ($(".flot-chart").bind("plothover", function(event, pos, item) {
if (item) {
var x = item.datapoint[0].toFixed(2),
y = item.datapoint[1].toFixed(2);
$(".flot-tooltip").html(item.series.label + " of " + x + " = " + y).css({
top: item.pageY + 5,
left: item.pageX + 5
}).show()
} else $(".flot-tooltip").hide()
}), $("<div class='flot-tooltip' class='chart-tooltip'></div>").appendTo("body"));
})(jQuery);