new pisilinux web sites
This commit is contained in:
+240
@@ -0,0 +1,240 @@
|
||||
$(document).ready(function () {
|
||||
var sparklineLogin = function () {
|
||||
$("#sparkline1").sparkline([5, 6, 2, 8, 9, 4, 7, 10, 11, 12, 10], {
|
||||
type: "bar",
|
||||
height: "45",
|
||||
barWidth: 7,
|
||||
barSpacing: 4,
|
||||
barColor: "#99d683",
|
||||
});
|
||||
|
||||
$("#sparkline2").sparkline([20, 40, 30], {
|
||||
type: "pie",
|
||||
width: "50",
|
||||
height: "45",
|
||||
resize: true,
|
||||
sliceColors: ["#13dafe", "#6164c1", "#f1f2f7"],
|
||||
});
|
||||
|
||||
$("#sparkline3").sparkline([5, 6, 2, 9, 4, 7, 10, 12], {
|
||||
type: "bar",
|
||||
height: "164",
|
||||
barWidth: "7",
|
||||
resize: true,
|
||||
barSpacing: "5",
|
||||
barColor: "#f96262",
|
||||
});
|
||||
|
||||
$("#sparkline4").sparkline(
|
||||
[0, 23, 43, 35, 44, 45, 56, 37, 40, 45, 56, 7, 10],
|
||||
{
|
||||
type: "line",
|
||||
width: "120",
|
||||
height: "45",
|
||||
lineColor: "#fb6d9d",
|
||||
fillColor: "transparent",
|
||||
spotColor: "#fb6d9d",
|
||||
minSpotColor: undefined,
|
||||
maxSpotColor: undefined,
|
||||
highlightSpotColor: undefined,
|
||||
highlightLineColor: undefined,
|
||||
}
|
||||
);
|
||||
|
||||
$("#sparkline5").sparkline([15, 23, 55, 35, 54, 45, 66, 47, 30], {
|
||||
type: "line",
|
||||
width: "100%",
|
||||
height: "160",
|
||||
chartRangeMax: 50,
|
||||
resize: true,
|
||||
lineColor: "#13dafe",
|
||||
fillColor: "rgba(19, 218, 254, 0.3)",
|
||||
highlightLineColor: "rgba(0,0,0,.1)",
|
||||
highlightSpotColor: "rgba(0,0,0,.2)",
|
||||
});
|
||||
|
||||
$("#sparkline5").sparkline([0, 13, 10, 14, 15, 10, 18, 20, 0], {
|
||||
type: "line",
|
||||
width: "100%",
|
||||
height: "160",
|
||||
chartRangeMax: 40,
|
||||
lineColor: "#6164c1",
|
||||
fillColor: "rgba(97, 100, 193, 0.3)",
|
||||
composite: true,
|
||||
resize: true,
|
||||
highlightLineColor: "rgba(0,0,0,.1)",
|
||||
highlightSpotColor: "rgba(0,0,0,.2)",
|
||||
});
|
||||
$("#sparkline6").sparkline([5, 6, 2, 8, 9, 4, 7, 10, 11, 12, 10], {
|
||||
type: "bar",
|
||||
height: "45",
|
||||
barWidth: "7",
|
||||
barSpacing: "4",
|
||||
barColor: "#13dafe",
|
||||
});
|
||||
$("#sparkline7").sparkline([0, 2, 8, 6, 8, 5, 6, 4, 8, 6, 4, 2], {
|
||||
type: "line",
|
||||
width: "100%",
|
||||
height: "50",
|
||||
lineColor: "#ffca4a",
|
||||
fillColor: "#ffca4a",
|
||||
highlightLineColor: "rgba(0, 0, 0, 0.2)",
|
||||
highlightSpotColor: "#4f4f4f",
|
||||
});
|
||||
$("#sparkline8").sparkline([2, 4, 4, 6, 8, 5, 6, 4, 8, 6, 6, 2], {
|
||||
type: "line",
|
||||
width: "100%",
|
||||
height: "50",
|
||||
lineColor: "#99d683",
|
||||
fillColor: "#99d683",
|
||||
maxSpotColor: "#99d683",
|
||||
highlightLineColor: "rgba(0, 0, 0, 0.2)",
|
||||
highlightSpotColor: "#99d683",
|
||||
});
|
||||
$("#sparkline9").sparkline([0, 2, 8, 6, 8, 5, 6, 4, 8, 6, 6, 2], {
|
||||
type: "line",
|
||||
width: "100%",
|
||||
height: "50",
|
||||
lineColor: "#13dafe",
|
||||
fillColor: "#13dafe",
|
||||
minSpotColor: "#13dafe",
|
||||
maxSpotColor: "#13dafe",
|
||||
highlightLineColor: "rgba(0, 0, 0, 0.2)",
|
||||
highlightSpotColor: "#13dafe",
|
||||
});
|
||||
$("#sparkline10").sparkline([2, 4, 4, 6, 8, 5, 6, 4, 8, 6, 6, 2], {
|
||||
type: "line",
|
||||
width: "100%",
|
||||
height: "50",
|
||||
lineColor: "#6164c1",
|
||||
fillColor: "#6164c1",
|
||||
maxSpotColor: "#6164c1",
|
||||
highlightLineColor: "rgba(0, 0, 0, 0.2)",
|
||||
highlightSpotColor: "#6164c1",
|
||||
});
|
||||
$("#sparkline11").sparkline([20, 40, 30], {
|
||||
type: "pie",
|
||||
height: "200",
|
||||
resize: true,
|
||||
sliceColors: ["#13dafe", "#6164c1", "#f1f2f7"],
|
||||
});
|
||||
|
||||
$("#sparkline12").sparkline(
|
||||
[5, 6, 2, 8, 9, 4, 7, 10, 11, 12, 10, 4, 7, 10],
|
||||
{
|
||||
type: "bar",
|
||||
height: "200",
|
||||
barWidth: 10,
|
||||
barSpacing: 7,
|
||||
barColor: "#99d683",
|
||||
}
|
||||
);
|
||||
|
||||
$("#sparkline13").sparkline([5, 6, 2, 9, 4, 7, 10, 12, 4, 7, 10], {
|
||||
type: "bar",
|
||||
height: "200",
|
||||
barWidth: "10",
|
||||
resize: true,
|
||||
barSpacing: "7",
|
||||
barColor: "#f96262",
|
||||
});
|
||||
$("#sparkline13").sparkline([5, 6, 2, 9, 4, 7, 10, 12, 4, 7, 10], {
|
||||
type: "line",
|
||||
height: "200",
|
||||
lineColor: "#f96262",
|
||||
fillColor: "transparent",
|
||||
composite: true,
|
||||
highlightLineColor: "rgba(0,0,0,.1)",
|
||||
highlightSpotColor: "rgba(0,0,0,.2)",
|
||||
});
|
||||
$("#sparkline14").sparkline(
|
||||
[0, 23, 43, 35, 44, 45, 56, 37, 40, 45, 56, 7, 10],
|
||||
{
|
||||
type: "line",
|
||||
width: "100%",
|
||||
height: "200",
|
||||
lineColor: "#fff",
|
||||
fillColor: "transparent",
|
||||
spotColor: "#fff",
|
||||
minSpotColor: undefined,
|
||||
maxSpotColor: undefined,
|
||||
highlightSpotColor: undefined,
|
||||
highlightLineColor: undefined,
|
||||
}
|
||||
);
|
||||
$("#sparkline15").sparkline(
|
||||
[5, 6, 2, 8, 9, 4, 7, 10, 11, 12, 10, 9, 4, 7],
|
||||
{
|
||||
type: "bar",
|
||||
height: "200",
|
||||
barWidth: "10",
|
||||
barSpacing: "10",
|
||||
barColor: "#13dafe",
|
||||
}
|
||||
);
|
||||
$("#sparkline16").sparkline([15, 23, 55, 35, 54, 45, 66, 47, 30], {
|
||||
type: "line",
|
||||
width: "100%",
|
||||
height: "200",
|
||||
chartRangeMax: 50,
|
||||
resize: true,
|
||||
lineColor: "#13dafe",
|
||||
fillColor: "rgba(19, 218, 254, 0.3)",
|
||||
highlightLineColor: "rgba(0,0,0,.1)",
|
||||
highlightSpotColor: "rgba(0,0,0,.2)",
|
||||
});
|
||||
|
||||
$("#sparkline16").sparkline([0, 13, 10, 14, 15, 10, 18, 20, 0], {
|
||||
type: "line",
|
||||
width: "100%",
|
||||
height: "200",
|
||||
chartRangeMax: 40,
|
||||
lineColor: "#6164c1",
|
||||
fillColor: "rgba(97, 100, 193, 0.3)",
|
||||
composite: true,
|
||||
resize: true,
|
||||
highlightLineColor: "rgba(0,0,0,.1)",
|
||||
highlightSpotColor: "rgba(0,0,0,.2)",
|
||||
});
|
||||
|
||||
$("#sparklinedash").sparkline([0, 5, 6, 10, 9, 12, 4, 9], {
|
||||
type: "bar",
|
||||
height: "30",
|
||||
barWidth: "4",
|
||||
resize: true,
|
||||
barSpacing: "5",
|
||||
barColor: "#00c292",
|
||||
});
|
||||
$("#sparklinedash2").sparkline([0, 5, 6, 10, 9, 12, 4, 9], {
|
||||
type: "bar",
|
||||
height: "30",
|
||||
barWidth: "4",
|
||||
resize: true,
|
||||
barSpacing: "5",
|
||||
barColor: "#ab8ce4",
|
||||
});
|
||||
$("#sparklinedash3").sparkline([0, 5, 6, 10, 9, 12, 4, 9], {
|
||||
type: "bar",
|
||||
height: "30",
|
||||
barWidth: "4",
|
||||
resize: true,
|
||||
barSpacing: "5",
|
||||
barColor: "#03a9f3",
|
||||
});
|
||||
$("#sparklinedash4").sparkline([0, 5, 6, 10, 9, 12, 4, 9], {
|
||||
type: "bar",
|
||||
height: "30",
|
||||
barWidth: "4",
|
||||
resize: true,
|
||||
barSpacing: "5",
|
||||
barColor: "#fb9678",
|
||||
});
|
||||
};
|
||||
var sparkResize;
|
||||
|
||||
$(window).resize(function (e) {
|
||||
clearTimeout(sparkResize);
|
||||
sparkResize = setTimeout(sparklineLogin, 500);
|
||||
});
|
||||
sparklineLogin();
|
||||
});
|
||||
Reference in New Issue
Block a user