// Fungsi untuk mengambil data dari server (contoh: Ajax)
function fetchData() {
    // Gantikan dengan kode untuk mengambil data produk dari server
    // Contoh: var products = fetchProductDataFromServer();
    // Kode di bawah ini adalah contoh data produk sementara
    var products = [
        { name: 'Product A', category: 'Category 1', inStock: 100 },
        { name: 'Product B', category: 'Category 2', inStock: 150 },
        { name: 'Product C', category: 'Category 1', inStock: 120 },
        // ...
    ];

    // Memproses data produk menjadi data yang sesuai untuk grafik
    var categories = {};
    products.forEach(product => {
        if (!categories[product.category]) {
            categories[product.category] = 0;
        }
        categories[product.category] += product.inStock;
    });

    return categories;
}

// Menggambar grafik
function drawChart() {
    var ctx = document.getElementById('stockByCategoryChart').getContext('2d');
    var data = fetchData();

    new Chart(ctx, {
        type: 'bar',
        data: {
            labels: Object.keys(data),
            datasets: [{
                label: 'Stock by Category',
                data: Object.values(data),
                backgroundColor: 'rgba(75, 192, 192, 0.2)',
                borderColor: 'rgba(75, 192, 192, 1)',
                borderWidth: 1
            }]
        },
        options: {
            scales: {
                y: {
                    beginAtZero: true
                }
            }
        }
    });
}

// Panggil fungsi untuk menggambar grafik saat halaman dimuat
drawChart();
