function getRandom(min = 1, max = 100) {
 return Math.floor(Math.random() * (max - min) + min);
 }
 function generateRandomData(min = 1, max = 100, count = 10) {
 var arr = [];
 for (var i = 0; i < count; i++) {
 arr.push(getRandom(min, max));
 }
 return arr;
 }

 var ctx = document.getElementById("skt_chartjs_3");

 // Define colors
 var primaryColor = KTUtil.getCssVariableValue("--kt-primary");
 var dangerColor = KTUtil.getCssVariableValue("--kt-danger");
 var successColor = KTUtil.getCssVariableValue("--kt-success");
 var warningColor = KTUtil.getCssVariableValue("--kt-warning");
 var infoColor = KTUtil.getCssVariableValue("--kt-info");

 // Define fonts
 var fontFamily = KTUtil.getCssVariableValue("--bs-font-sans-serif");

 // Chart labels
 const labels = ["January", "February", "March", "April", "May"];

 // Chart data
 const data = {
 labels: labels,
 datasets: [
 {
 label: "Dataset 1",
 data: generateRandomData(1, 100, 5),
 backgroundColor: [primaryColor, dangerColor, successColor, warningColor, infoColor]
 },
 ]
 };


 // Chart config
 const config = {
 type: "pie",
 data: data,
 options: {
 plugins: {
 title: {
 display: false,
 }
 },
 responsive: true,
 },
 defaults:{
 global: {
 defaultFont: fontFamily
 }
 }
 };

 // Init ChartJS -- for more info, please visit: https://www.chartjs.org/docs/latest/
 var myChart = new Chart(ctx, config);