Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (68974 Members, 788 Products, 4707 Topic, 13105 Comments)

Highchat untuk menampilakan garfik jumlah Laki laki dan Permepuan

Dibuat
Login Terakhir 3 Tahun lalu,
Telah Dilihat 2143 Kali
Zero ninex Mengatakan : Sultan Account
  1. ada yang bisa membuat garfik menampilakn jumlah lakilaki dan permepuan jia tabelnya itu semisal
  2. jenis kelamin
  3. laki laki
  4. perempuan
  5. laki laki
  6. laki laki
  7. perempuan
  8. laki laki
  9. giman cara meghitung jika seterti itu dan giaman carnya membuat gerafik nya seperti ini
  10.  
Ada 1 File Kiriman :
1. Screenshot-2018-3-4_Highcharts_Demo_-_JSFiddle.png (80 KB)

Ada 15 Jawaban

khairil anwar
commented on 05 Mar 2018 05:35:58
  1. maksudnya laki-laki perempuan saja ? atau ?
Zero ninex
commented on 05 Mar 2018 05:38:42
  1. Ia cuma laki laki dan perempuan aja
khairil anwar
commented on 05 Mar 2018 06:16:04
  1.  
  2.  
  3.  
  4.  
  5.  
  6. <div id="chartContainer" style="height: 370px; width: 100%;"></div>
  7. <script>
  8. window.onload = function () {
  9.  
  10. var chart = new CanvasJS.Chart("chartContainer", {
  11. exportEnabled: true,
  12. animationEnabled: true,
  13. title:{
  14. text: "Jumlah Orang Berdasarkan Jenis Kelamin"
  15. },
  16. legend:{
  17. cursor: "pointer",
  18. itemclick: explodePie
  19. },
  20. data: [{
  21. type: "pie",
  22. showInLegend: true,
  23. toolTipContent: "{name}: <strong>{y}%</strong>",
  24. indexLabel: "{name} - {y}%",
  25. dataPoints: [
  26. { y: 40, name: "Laki-laki"},
  27. { y: 60, name: "Perempuan" },
  28. ]
  29. }]
  30. });
  31. chart.render();
  32. }
  33.  
  34. function explodePie (e) {
  35. if(typeof (e.dataSeries.dataPoints[e.dataPointIndex].exploded) === "undefined" || !e.dataSeries.dataPoints[e.dataPointIndex].exploded) {
  36. e.dataSeries.dataPoints[e.dataPointIndex].exploded = true;
  37. } else {
  38. e.dataSeries.dataPoints[e.dataPointIndex].exploded = false;
  39. }
  40. e.chart.render();
  41.  
  42. }
  43. </script>
  44. <script src="https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js"></script>
  45.  
  46.  
  47.  
khairil anwar
commented on 05 Mar 2018 06:18:11
  1. itu contohnya di atas bisa di liat di sini https://codepen.io/anon/pen/YebNKX
Zero ninex
commented on 05 Mar 2018 06:19:52
  1. Data nya itu tidak di ambil dari database mysgl, bagaimana jika di pangil dari database
khairil anwar
commented on 05 Mar 2018 07:02:04
  1. struktur databasenya bagaimana pak?
khairil anwar
commented on 05 Mar 2018 07:02:29
  1. atau tabel nya pak
Zero ninex
commented on 05 Mar 2018 07:48:18
  1. ini tabel
Terdapat 1 File dilampirkan :
1. 1111111.JPG (29 KB)
PHPMU.COM Support
commented on 05 Mar 2018 11:06:40
  1. Assalam, itu tinggal di echo saja mas disini :
  2. <?php
  3. $laki = mysql_num_rows(mysql_query("SELECT * FROM table where jenis_kelamin='laki-laki'"));
  4. $perempuan = mysql_num_rows(mysql_query("SELECT * FROM table where jenis_kelamin='perempuan'"));
  5. ?>
  6. { y: <?php echo $laki; ?>, name: "Laki-laki"},
  7. { y: <?php echo $perempuan; ?>, name: "Perempuan" },
Zero ninex
commented on 05 Mar 2018 11:10:47
  1. Kalok pake mysqli, apa sama
Zero ninex
commented on 05 Mar 2018 11:10:51
  1. Kalok pake mysqli, apa sama
khairil anwar
commented on 05 Mar 2018 13:33:21
  1. trgantung versi phpnya pak kalau yang terbaru atau di atas 5.6 ya kalau gk salah atau 6.5 heheh lupa, pakai mysqli aja gpp
  2.  
  3. ini kalau mau scripnya
  4.  
  5.  
  6. taro di atas </head>
  7.  
  8. <script src="https://scaleyourcode.com/js/plugins/d3/d3.min.js" charset="utf-8"></script>
  9. <script src="https://scaleyourcode.com/js/plugins/d3pie/d3pie.min.js"></script>
  10.  
  11. atau kalau mau bisa offline taro di direktory dulu filenya
  12.  
  13. trus ini taro di <div> posisi yang agan mau
  14.  
  15. <div id="pieChart"></div><br />
  16. <script>
  17. var pie=new d3pie("pieChart",
  18. {
  19. header:
  20. {
  21. title:
  22. {
  23. text:"Jumlah Siswa Berdasarkan Jenis Kelamin",
  24. color:"#616161",fontSize:22,font:"verdana"}
  25. },
  26. size:{canvasHeight:400,canvasWidth:590},
  27. data:{content:[{
  28. label:"Laki-laki",value: <?php echo $laki; ?> ,
  29. color:"#0ebeff"},{
  30. label:"Perempuan",value: <?php echo $perempuan; ?> ,
  31. color:"#47cf73"}]},
  32. labels:{outer:{pieDistance:32},mainLabel:{font:"verdana",color:"#00000",fontSize:15},percentage:{color:"#333",font:"verdana",decimalPlaces:0,fontSize:15},value:{color:"#e1e1e1",font:"verdana",fontSize:15},lines:{enabled:!0,color:"#cccccc"}},effects:{pullOutSegmentOnClick:{effect:"linear",speed:400,size:9}}});</script>
  33.  
  34.  
  35.  
  36. untuk databasenya silahkan di seting sperti pak robby jelaskan di atas
  37.  
  38. <?php
  39. $laki = mysql_num_rows(mysql_query("SELECT * FROM table where jenis_kelamin='laki-laki'"));
  40. $perempuan = mysql_num_rows(mysql_query("SELECT * FROM table where jenis_kelamin='perempuan'"));
  41. ?>
  42.  
  43.  
  44.  
  45. maaf kalau salah hehehe
PHPMU.COM Support
commented on 05 Mar 2018 13:36:50
  1. "Helmi Shine"
  2. mysql dan mysqli itu kan bedanya dikit saja mas, beda pake huruf i dan gak pake saja, contoh :
  3. $laki = mysql_num_rows(mysql_query("SELECT * FROM table where jenis_kelamin='laki-laki'"));
  4. $perempuan = mysql_num_rows(mysql_query("SELECT * FROM table where jenis_kelamin='perempuan'"));
  5.  
  6. $laki = mysqli_num_rows(mysqli_query($koneksi,"SELECT * FROM table where jenis_kelamin='laki-laki'"));
  7. $perempuan = mysqli_num_rows(mysqli_query($koneksi,"SELECT * FROM table where jenis_kelamin='perempuan'"));
Zero ninex
commented on 07 Mar 2018 14:15:09
  1. Warning: mysqli_query() expects at least 2 parameters, 1 given in C:\xampp\htdocs\appp\views\grafik.php on line 23
  2.  
  3. Warning: mysqli_num_rows() expects parameter 1 to be mysqli_result, null given in C:\xampp\htdocs\appp\views\grafik.php on line 23
  4.  
  5. Warning: mysqli_query() expects at least 2 parameters, 1 given in C:\xampp\htdocs\appp\views\grafik.php on line 24
  6.  
  7. Warning: mysqli_num_rows() expects parameter 1 to be mysqli_result, null given in C:\xampp\htdocs\appp\views\grafik.php on line 24
Zero ninex
commented on 07 Mar 2018 14:29:07
  1. saya pake oop
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

Online