44 lines
1.4 KiB
JavaScript
44 lines
1.4 KiB
JavaScript
(function () {
|
|
"use strict";
|
|
|
|
// Chart
|
|
if ($(".donut-chart").length) {
|
|
let ctx = $(".donut-chart")[0].getContext("2d");
|
|
let myDoughnutChart = new Chart(ctx, {
|
|
type: "doughnut",
|
|
data: {
|
|
labels: ["Html", "Vuejs", "Laravel"],
|
|
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: 5,
|
|
borderColor: $("html").hasClass("dark")
|
|
? getColor("darkmode.700")
|
|
: getColor("white"),
|
|
},
|
|
],
|
|
},
|
|
options: {
|
|
maintainAspectRatio: false,
|
|
plugins: {
|
|
legend: {
|
|
labels: {
|
|
color: getColor("slate.500", 0.8),
|
|
},
|
|
},
|
|
},
|
|
cutout: "80%",
|
|
},
|
|
});
|
|
}
|
|
})();
|