72 lines
2.2 KiB
JavaScript
72 lines
2.2 KiB
JavaScript
"use strict";
|
|
$(document).ready(function() {
|
|
setTimeout(function(){
|
|
$(window).resize(function() {
|
|
barChart();
|
|
updatingChart();
|
|
dataChart();
|
|
});
|
|
|
|
barChart();
|
|
updatingChart();
|
|
dataChart();
|
|
},350);
|
|
/* bar chart */
|
|
function barChart() {
|
|
$(".bar-colours-1").peity("bar", {
|
|
fill: ["rgba(68, 138, 255, 0.65)", "rgba(255, 82, 82, 0.65)"]
|
|
});
|
|
|
|
$(".bar-colours-2").peity("bar", {
|
|
fill: ["rgba(83, 109, 254, 0.65)", "rgba(17, 193, 91, 0.65)"]
|
|
});
|
|
}
|
|
|
|
function updatingChart() {
|
|
/*updating chart*/
|
|
var updatingChart = $(".updating-chart").peity("line", { fill: "rgba(0, 188, 212, 0.4)", stroke: "rgb(0, 188, 212)" });
|
|
var updatingChart1 = $(".updating-chart1").peity("line", { fill: "rgba(17, 193, 91, 0.32)", stroke: "rgba(17, 193, 91, 0.90)" });
|
|
var updatingChart2 = $(".updating-chart2").peity("line", { fill: "rgba(68, 138, 255, 0.45)", stroke: "rgba(68, 138, 255, 0.91)" });
|
|
var updatingChart3 = $(".updating-chart3").peity("line", { fill: "rgba(83, 109, 254, 0.39)", stroke: "rgba(83, 109, 254, 0.94)" });
|
|
|
|
setInterval(function() {
|
|
var random = Math.round(Math.random() * 10)
|
|
var values = updatingChart.text().split(",")
|
|
values.shift()
|
|
values.push(random)
|
|
|
|
updatingChart
|
|
.text(values.join(","))
|
|
.change()
|
|
}, 1000);
|
|
|
|
}
|
|
|
|
function dataChart() {
|
|
/*DATA-ATTRIBUTES CHARTS */
|
|
$(".data-attributes span").peity("donut");
|
|
/*Pie Charts*/
|
|
$("span.pie_1").peity("pie", {
|
|
fill: ["#ffe100", "#282256"]
|
|
});
|
|
$("span.pie_2").peity("pie", {
|
|
fill: ["#ff5252", "#2980B9"]
|
|
});
|
|
$("span.pie_3").peity("pie", {
|
|
fill: ["#785EDD", "#F6CD61"]
|
|
});
|
|
$("span.pie_4").peity("pie", {
|
|
fill: ["#EB9532", "#0F3057"]
|
|
});
|
|
$("span.pie_5").peity("pie", {
|
|
fill: ["#64DDBB", "#42729B"]
|
|
});
|
|
$("span.pie_6").peity("pie", {
|
|
fill: ["#97CE68", "#60646D"]
|
|
});
|
|
$("span.pie_7").peity("pie", {
|
|
fill: ["#00B5B5", "#517FA4"]
|
|
});
|
|
}
|
|
});
|