first
This commit is contained in:
@@ -0,0 +1,71 @@
|
||||
"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"]
|
||||
});
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user