chart.blade.php 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <style>
  2. .col-xl-6 .card-body {
  3. overflow: hidden !important;
  4. padding-top: 0px !important;
  5. padding-bottom: 50px !important;
  6. }
  7. </style>
  8. <div class="row">
  9. <!-- Grafik -->
  10. <div class="col-xl-6 mb-5 mb-xl-0">
  11. <div class="card shadow">
  12. <div class="card-header bg-transparent">
  13. <div class="row align-items-center">
  14. <div class="col">
  15. <h6 class="text-uppercase text-light ls-1 mb-1"><i class="ni ni-chart-pie-35"></i>&nbsp;&nbsp;Grafik Jumlah Per Tujuan</h6>
  16. </div>
  17. </div>
  18. </div>
  19. <div class="card-body">
  20. <div class="chart">
  21. <div id="bahansialisasi-admin2" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="col-xl-6 mb-5 mb-xl-0">
  27. <div class="card shadow">
  28. <div class="card-header bg-transparent">
  29. <div class="row align-items-center">
  30. <div class="col">
  31. <h6 class="text-uppercase text-light ls-1 mb-1"><i class="ni ni-chart-pie-35"></i>&nbsp;&nbsp;Grafik Jumlah Pengaduan Per Provinsi</h6>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="card-body">
  36. <div class="chart">
  37. <div id="bahansialisasi-admin" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>