File Manager

Editing File: /home/quiczmwg/solixproperties.org/monitor_profit_chart.php

<?php
// Include header and topbar
// Start session if not already started
session_start();

// Include database connection
require_once('_db.php');
if (!isset($_SESSION['userid'])) {
    header("Location: login.php");
    exit();
}
include_once("include/header.php");
include_once("include/topbar.php");

// Include search bar
include_once("search.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Profit Monitoring</title>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
    <h1 class="text-center">Profit Monitoring</h1>
    <canvas id="profitChart" width="800" height="400"></canvas>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Fetch profit data from backend PHP script
            fetch('monitor_profit.php')
                .then(response => response.json())
                .then(data => {
                    if (data.error) {
                        console.error('Error:', data.error);
                        return;
                    }

const names = [data.full_name];
                    const profits = [data.profit_balance];

// Create profit chart
                    const ctx = document.getElementById('profitChart').getContext('2d');
                    new Chart(ctx, {
                        type: 'bar',
                        data: {
                            labels: names,
                            datasets: [{
                                label: 'Profit Balance',
                                data: profits,
                                backgroundColor: 'rgba(75, 192, 192, 0.2)',
                                borderColor: 'rgba(75, 192, 192, 1)',
                                borderWidth: 1
                            }]
                        },
                        options: {
                            animation: {
                                duration: 2000, // Animation duration in milliseconds
                                easing: 'easeInOutQuad' // Easing function
                            },
                            scales: {
                                y: {
                                    beginAtZero: true,
                                    ticks: {
                                        callback: function(value) {
                                            return '$' + value.toLocaleString();
                                        }
                                    }
                                }
                            },
                            plugins: {
                                tooltip: {
                                    callbacks: {
                                        label: function(tooltipItem) {
                                            return '$' + tooltipItem.raw.toLocaleString();
                                        }
                                    }
                                }
                            }
                        }
                    });
                })
                .catch(error => {
                    console.error('Error fetching profit data:', error);
                });
        });
    </script>
<?php include_once("include/footer.php") ?>
</body>
</html>

Back to Directory File Manager