Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67507 Members, 783 Products, 5291 Topic, 12956 Comments)

[SOLVED] - Grafik/chart sebagai dashboard admin di AdminLTE

Dibuat
Login Terakhir 5 Bulan lalu,
Telah Dilihat 7934 Kali
Yakobus sutejo Mengatakan : Sultan Account
  1. Selamat pagi bang Robby dan teman teman...
  2. Terima kasih telah ada Swarakalibata + AdminLTE.
  3. Saya sedang coba menggunakan beberapa grafik/chart sebagai dashboard admin di adminLTE.
  4. Misalnya grafik pembelian, penjualan, stock, dll
  5. Tetapi mengapa yang tampil grafik/chartnya hanya 1 chart pembelian doang yang lain blank.
  6. Mohon pencerahannya... terima kasih.

Ada 6 Jawaban

PHPMU.COM Support
commented on 05 Okt 2017 08:13:34
  1. Assalam, bisa share printscreennya mas,..
Yakobus sutejo
commented on 05 Okt 2017 11:52:21
  1. Harusnya grafik yang sebelah kiri berada di sebelah kanan.
  2. Saya pakai 2 file, grafik.php dan grafik1.php dengan data yang berbeda.
Terdapat 1 File dilampirkan :
1. dashboard.jpg (40 KB)
PHPMU.COM Support
commented on 05 Okt 2017 12:23:54
  1. Assalam, penamaan id untuk grafiknya di bedakan mas,..
  2. coba cek baris 4 : $('#container').highcharts({
  3. dan baris 40 : <div id="container" style="min-width: 310px; min-height: 340px; margin: 0 auto"></div>
  4.  
  5. Ubah salah satunya menjadi ex :
  6. $('#container_dua').highcharts({
  7. <div id="container_dua" style="min-width: 310px; min-height: 340px; margin: 0 auto"></div>
Yakobus sutejo
commented on 05 Okt 2017 12:27:47
  1. Yesss...berhasil...
  2. Terima kasih mas Ruby...
yudik saktria
commented on 28 Nov 2017 13:28:22
  1. selamat pagi,
  2. kenapa ya pada bagian chart saat mengarahkan kursor ke grafik datanya tidak mau muncul?
  3. mohon bimbingannya
Muhammad Ngafif
commented on 01 Sep 2019 22:23:33
  1. Assalamualaikum,..
  2. kalo mau merubah tampilan grafik pengunjung dengan scrip berikut bagaimana ya?
  3.  
  4. <script>
  5. var totalIncomeChart = document.getElementById('totalIncomeChart').getContext('2d');
  6.  
  7. var mytotalIncomeChart = new Chart(totalIncomeChart, {
  8. type: 'bar',
  9. data: {
  10. labels: ["S", "M", "T", "W", "T", "F", "S", "S", "M", "T"], //mengganti label ini dengan tanggal seperti di dasboard swarakalibata
  11. datasets : [{
  12. label: "Total Income",
  13. backgroundColor: '#ff9e27',
  14. borderColor: 'rgb(23, 125, 255)',
  15. data: [6, 4, 9, 5, 4, 6, 4, 3, 8, 10], //mengganti ini dengan jumlah pengujung per tanggal
  16. }],
  17. },
  18. options: {
  19. responsive: true,
  20. maintainAspectRatio: false,
  21. legend: {
  22. display: false,
  23. },
  24. scales: {
  25. yAxes: [{
  26. ticks: {
  27. display: false //this will remove only the label
  28. },
  29. gridLines : {
  30. drawBorder: false,
  31. display : false
  32. }
  33. }],
  34. xAxes : [ {
  35. gridLines : {
  36. drawBorder: false,
  37. display : false
  38. }
  39. }]
  40. },
  41. }
  42. });
  43. </script>
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!