Contoh Coding POS Restaurant dengan Bootstrap, CSS, HTML, dan JavaScript

Membuat Laporan Penjualan

Laporan contoh berisi penjualan bersih, total pesanan, rata-rata transaksi, item terjual, grafik tujuh hari, dan daftar menu terlaris.

Grafik sederhana dapat dibuat menggunakan elemen div dengan tinggi berdasarkan persentase data.

const sales = [62, 78, 66, 91, 83, 100, 74];

const chart = sales.map((value, index) => `
  <div class="bar-col">
    <div class="bar" style="height:${value}%"></div>
    <small>${['Sen','Sel','Rab','Kam','Jum','Sab','Min'][index]}</small>
  </div>
`).join('');

Untuk data produksi, nilai grafik harus berasal dari transaksi yang sudah berhasil dan tidak dibatalkan. Tentukan juga apakah pendapatan dihitung sebelum atau setelah pajak, diskon, biaya layanan, dan refund agar laporan tidak menyesatkan.