75 lines
2.2 KiB
JavaScript
75 lines
2.2 KiB
JavaScript
/******/ (() => { // webpackBootstrap
|
|
var __webpack_exports__ = {};
|
|
/*!**************************************!*\
|
|
!*** ./resources/js/chart-config.js ***!
|
|
\**************************************/
|
|
$(document).ready(function () {
|
|
var salesPurchasesBar = document.getElementById('salesPurchasesChart');
|
|
$.get('/sales-purchases/chart-data', function (response) {
|
|
var salesPurchasesChart = new Chart(salesPurchasesBar, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: response.sales.original.days,
|
|
datasets: [{
|
|
label: 'Sales',
|
|
data: response.sales.original.data,
|
|
backgroundColor: ['#6366F1'],
|
|
borderColor: ['#6366F1'],
|
|
borderWidth: 1
|
|
}, {
|
|
label: 'Purchases',
|
|
data: response.purchases.original.data,
|
|
backgroundColor: ['#A5B4FC'],
|
|
borderColor: ['#A5B4FC'],
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
scales: {
|
|
y: {
|
|
beginAtZero: true
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
var overviewChart = document.getElementById('currentMonthChart');
|
|
$.get('/current-month/chart-data', function (response) {
|
|
var currentMonthChart = new Chart(overviewChart, {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: ['Sales', 'Purchases', 'Expenses'],
|
|
datasets: [{
|
|
data: [response.sales, response.purchases, response.expenses],
|
|
backgroundColor: ['#F59E0B', '#0284C7', '#EF4444'],
|
|
hoverBackgroundColor: ['#F59E0B', '#0284C7', '#EF4444']
|
|
}]
|
|
}
|
|
});
|
|
});
|
|
var paymentChart = document.getElementById('paymentChart');
|
|
$.get('/payment-flow/chart-data', function (response) {
|
|
console.log(response);
|
|
var cashflowChart = new Chart(paymentChart, {
|
|
type: 'line',
|
|
data: {
|
|
labels: response.months,
|
|
datasets: [{
|
|
label: 'Payment Sent',
|
|
data: response.payment_sent,
|
|
fill: false,
|
|
borderColor: '#EA580C',
|
|
tension: 0
|
|
}, {
|
|
label: 'Payment Received',
|
|
data: response.payment_received,
|
|
fill: false,
|
|
borderColor: '#2563EB',
|
|
tension: 0
|
|
}]
|
|
}
|
|
});
|
|
});
|
|
});
|
|
/******/ })()
|
|
; |