Kaskus

Tech

sanca19Avatar border
TS
sanca19
[ask]Highchart "series" +json +database mysql
Permisi semuanya, sebelumnya mohon maaf kalau memang judulnya membingungkan. emoticon-Big GrinJadi berikut dibawah ini maksud nya.

Saya ingin membuat chart hasil voting / volling. Saya menggunakan chart "Column Bar".

Jadi saya ingin ada beberapa data yang di ambil dari database, seperti :
  • xAxis: categories <<--- Ini sudah berhasil
  • series: name
  • series: data[ ]


yang belum berhasil adalah pengambilan data untuk "Series" nya. Jadi sekarang ini "Series" masih manual (bukan ambil dari database).

Berikut dibawah ini code yang sudah ada :

Javascript di file index.php
PHP Code:
[removed]
  $(
document).ready(function() {
   var 
options = {
             
chart: {
                 
renderTo'container',
                 
type'column',
                 
marginRight130,
                 
marginBottom25,
             },
             
title: {
                 
text'Project Requests',
                 
x: -20 //center
             
},
             
subtitle: {
                 
text'',
                 
x: -20
             
},
             
xAxis: {
                 
categories: []  // <-- data ini sudah berhasil diambil dari database. Sementara ini hanya ada 4 record data yang saya buat.
             
},
             
yAxis: {
                 
title: {
                     
text'Hasil suara'
                 
},
                 
plotLines: [{
                     
value0,
                     
width1,
                     
color'#808080'
                 
}]
             },
             
tooltip: {
                 
formatter: function() {
                         return 
'<b>'this.series.name +'</b><br/>'+
                         
this.+': 'this.y;
                 }
             },
             
legend: {
                 
layout'vertical',
                 
align'right',
                 
verticalAlign'top',
                 
x: -10,
                 
y100,
                 
borderWidth0
             
},
             
series: [{
     
name'calon 1',
     
data: [20,25,30,35]
    },
    {
     
name'calon 2',
     
data: [40,30,32,45]
    },
    {
     
name'calon 3',
     
data: [85,70,33,39]
    },
    {
     
name'calon 4',
     
data: [70,40,39,36]
    },
    ]
         }
         
setInterval(function() { getData(); }, 3000);
   
    function 
getData(){
    
         $.
getJSON("data.php", function(json) {
    
options.xAxis.categories json[0]['data'];
          
chart = new Highcharts.Chart(options);
         });
   }
     });
  [
removed


Ini code di file data.php (tempat json)
PHP Code:
<?php
$con 
mysql_connect("localhost","root","");

if (!
$con) {
  die(
'Could not connect: ' mysql_error());
}

mysql_select_db("graph2"$con);

$calon mysql_query("SELECT nama_calon FROM calon");
$kecamatan mysql_query("SELECT kecamatan FROM kecamatan");
$hasil=mysql_query("SELECT * FROM hasil");

while(
$data_hasil mysql_fetch_array($hasil)){
 
$category['data'][] = $data_hasil['kecamatan'];
 
$series['data'][] = $data_hasil['suara'];
}


while(
$r mysql_fetch_array($calon)) { 
    
//$series['data'][] = $r['nama_calon'];
 
$series['name'][] = $r['nama_calon']; 
}

$result = array();
array_push($result,$category); // json[0]
array_push($result,$series);// json[1]
array_push($result,$series); // json[2]


print json_encode($resultJSON_NUMERIC_CHECK);

mysql_close($con);
?>


Bisa dilihat pada code yang ada di file index.php diatas itu, bahwa :
  • series: name
  • seies: data[ ]

masih manual.

Just info:
Code:
series: [{
name: <------- untuk memunculkan data nama-nama calon yang diambil dari database,
data: [ ] << --- Untuk memunculkan data hasil penghitungan suara yang diambil dari database
}]



Mungkin demikian informasi yang bisa saya berikan, mohon maaf kalau ada info yang masih belum lengkap.

Terimakasih dan mohon arahan nya.. emoticon-Shakehand2
0
3.5K
4
GuestAvatar border
Komentar yang asik ya
Urutan
Terbaru
Terlama
GuestAvatar border
Komentar yang asik ya
Komunitas Pilihan