241 lines
6.3 KiB
JavaScript
241 lines
6.3 KiB
JavaScript
$(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();
|
|
});
|