⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.91
Server IP:
157.245.101.34
Server:
Linux skvinfotech-website 5.4.0-131-generic #147-Ubuntu SMP Fri Oct 14 17:07:22 UTC 2022 x86_64
Server Software:
Apache/2.4.41 (Ubuntu)
PHP Version:
7.4.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
var
/
www
/
skvinfotech.com
/
public
/
assets
/
_js
/
pages
/
View File Name :
be_pages_dashboard_v1.js
/* * Document : be_pages_dashboard_v1.js * Author : pixelcave * Description: Custom JS code used in Dashboard v1 Page */ class pageDashboardv1 { /* * Chart.js, for more examples you can check out http://www.chartjs.org/docs * */ static initCharts() { // Set Global Chart.js configuration Chart.defaults.global.defaultFontColor = '#495057'; Chart.defaults.scale.gridLines.color = 'transparent'; Chart.defaults.scale.gridLines.zeroLineColor = 'transparent'; Chart.defaults.scale.display = false; Chart.defaults.scale.ticks.beginAtZero = true; Chart.defaults.global.elements.line.borderWidth = 0; Chart.defaults.global.elements.point.radius = 0; Chart.defaults.global.elements.point.hoverRadius = 0; Chart.defaults.global.tooltips.cornerRadius = 3; Chart.defaults.global.legend.labels.boxWidth = 12; // Get Chart Containers let chartEarningsCon = jQuery('.js-chartjs-dashboard-earnings'); let chartSalesCon = jQuery('.js-chartjs-dashboard-sales'); // Set Chart Variables let chartEarnings, chartEarningsOptions, chartEarningsData, chartSales, chartSalesOptions, chartSalesData; // Earnigns Chart Options chartEarningsOptions = { maintainAspectRatio: false, scales: { yAxes: [{ ticks: { suggestedMax: 3000 } }] }, tooltips: { intersect: false, callbacks: { label: function(tooltipItems, data) { return ' $' + tooltipItems.yLabel; } } } }; // Earnigns Chart Options chartSalesOptions = { maintainAspectRatio: false, scales: { yAxes: [{ ticks: { suggestedMax: 260 } }] }, tooltips: { intersect: false, callbacks: { label: function(tooltipItems, data) { return ' ' + tooltipItems.yLabel + ' Sales'; } } } }; // Earnings Chart Data chartEarningsData = { labels: ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'], datasets: [ { label: 'This Year', fill: true, backgroundColor: 'rgba(132, 94, 247, .3)', borderColor: 'transparent', pointBackgroundColor: 'rgba(132, 94, 247, 1)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgba(132, 94, 247, 1)', data: [2150, 1350, 1560, 980, 1260, 1720, 1115, 1690, 1870, 2420, 2100, 2730] }, { label: 'Last Year', fill: true, backgroundColor: 'rgba(233, 236, 239, 1)', borderColor: 'transparent', pointBackgroundColor: 'rgba(233, 236, 239, 1)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgba(233, 236, 239, 1)', data: [2200, 1700, 1100, 1900, 1680, 2560, 1340, 1450, 2000, 2500, 1550, 1880] } ] }; // Sales Chart Data chartSalesData = { labels: ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'], datasets: [ { label: 'This Year', fill: true, backgroundColor: 'rgba(34, 184, 207, .3)', borderColor: 'transparent', pointBackgroundColor: 'rgba(34, 184, 207, 1)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgba(34, 184, 207, 1)', data: [175, 120, 169, 82, 135, 169, 132, 130, 192, 230, 215, 260] }, { label: 'Last Year', fill: true, backgroundColor: 'rgba(233, 236, 239, 1)', borderColor: 'transparent', pointBackgroundColor: 'rgba(233, 236, 239, 1)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgba(233, 236, 239, 1)', data: [220, 170, 110, 215, 168, 227, 154, 135, 210, 240, 145, 178] } ] }; // Init Earnings Chart if (chartEarningsCon.length) { chartEarnings = new Chart(chartEarningsCon, { type: 'line', data: chartEarningsData, options: chartEarningsOptions }); } // Init Sales Chart if (chartSalesCon.length) { chartSales = new Chart(chartSalesCon, { type: 'line', data: chartSalesData, options: chartSalesOptions }); } } /* * Init functionality * */ static init() { this.initCharts(); } } // Initialize when page loads jQuery(() => { pageDashboardv1.init(); });