45 lines
1.6 KiB
JavaScript
45 lines
1.6 KiB
JavaScript
|
(function () {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
// Chart
|
||
|
|
if ($(".report-donut-chart-1").length) {
|
||
|
|
$(".report-donut-chart-1").each(function () {
|
||
|
|
let ctx = $(this)[0].getContext("2d");
|
||
|
|
let myDoughnutChart = new Chart(ctx, {
|
||
|
|
type: "doughnut",
|
||
|
|
data: {
|
||
|
|
labels: ["Yellow", "Dark"],
|
||
|
|
datasets: [
|
||
|
|
{
|
||
|
|
data: [15, 10, 65],
|
||
|
|
backgroundColor: [
|
||
|
|
getColor("pending", 0.9),
|
||
|
|
getColor("warning", 0.9),
|
||
|
|
getColor("primary", 0.9),
|
||
|
|
],
|
||
|
|
hoverBackgroundColor: [
|
||
|
|
getColor("pending", 0.9),
|
||
|
|
getColor("warning", 0.9),
|
||
|
|
getColor("primary", 0.9),
|
||
|
|
],
|
||
|
|
borderWidth: 2,
|
||
|
|
borderColor: $("html").hasClass("dark")
|
||
|
|
? getColor("darkmode.700")
|
||
|
|
: getColor("white"),
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
options: {
|
||
|
|
maintainAspectRatio: false,
|
||
|
|
plugins: {
|
||
|
|
legend: {
|
||
|
|
display: false,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
cutout: "83%",
|
||
|
|
},
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})();
|