XH_Digital_Management/static/js/pages/chart-peity-custom.js

97 lines
3.0 KiB
JavaScript
Raw Normal View History

2024-05-29 15:25:17 +08:00
'use strict';
$(document).ready(function() {
setTimeout(function() {
// [ updating-Chart ] start
var updatingChart = $(".updating-chart").peity("line", {
fill: "rgba(229, 45, 39, 0.4)",
stroke: "rgb(229, 45, 39)"
});
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);
// [ updating-Chart ] end
// [ updating1-Chart ] start
$(document).ready(function() {
var updatingChart1 = $(".updating-chart1").peity("line", {
fill: "rgba(44, 169, 97, 0.32)",
stroke: "rgba(44, 169, 97, 0.90)"
});
});
// [ updating1-Chart ] end
// [ line-Chart ] start
var updatingChart2 = $(".updating-chart2").peity("line", {
fill: "rgba(57, 73, 171, 0.45)",
stroke: "rgba(57, 73, 171, 0.91)"
});
var updatingChart3 = $(".updating-chart3").peity("line", {
fill: "rgba(245, 124, 0, 0.39)",
stroke: "rgba(245, 124, 0, 0.94)"
});
$(".bar-colours-1").peity("bar", {
fill: ["rgba(57, 73, 171, 0.65)", "rgba(44, 169, 97, 0.65)"]
});
$(".bar-colours-2").peity("bar", {
fill: ["rgba(57, 73, 171, 0.65)", "rgba(245, 124, 0, 0.65)"]
});
// [ Data-Attributes Charts ] start
$(".data-attributes span").peity("donut");
$("span.pie_1").peity("pie", {
fill: ["#FF425C", "#19BCBF"]
});
$("span.pie_2").peity("pie", {
fill: ["#FF9764", "#13bd8a"]
});
$("span.pie_3").peity("pie", {
fill: ["#19BCBF", "#463699"]
});
$("span.pie_4").peity("pie", {
fill: ["#13bd8a", "#FF425C"]
});
$("span.pie_5").peity("pie", {
fill: ["#FF9764", "#19BCBF"]
});
$("span.pie_6").peity("pie", {
fill: ["#FF425C", "#463699"]
});
$("span.pie_7").peity("pie", {
fill: ["#13bd8a", "#FF9764"]
});
// [ Pie Charts ] start
$("span.pie_1").peity("pie", {
fill: ["#FF425C", "#19BCBF"]
});
$("span.pie_2").peity("pie", {
fill: ["#FF9764", "#13bd8a"]
});
$("span.pie_3").peity("pie", {
fill: ["#19BCBF", "#463699"]
});
$("span.pie_4").peity("pie", {
fill: ["#13bd8a", "#FF425C"]
});
$("span.pie_5").peity("pie", {
fill: ["#FF9764", "#19BCBF"]
});
$("span.pie_6").peity("pie", {
fill: ["#FF425C", "#463699"]
});
$("span.pie_7").peity("pie", {
fill: ["#13bd8a", "#FF9764"]
});
// [ line-Chart ] end
}, 700);
});