alexa-tracking

[ask]Highchart "series" +json +database mysql

Main Content

1024
1024
KASKUS
51
244
https://www.kaskus.co.id/thread/5416aa5cd675d402298b4572/askhighchart-quotseriesquot-json-database-mysql
[ask]Highchart "series" +json +database mysql
Permisi semuanya, sebelumnya mohon maaf kalau memang judulnya membingungkan. emoticon-Big Grin Jadi 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
ijin sundul ah... emoticon-Blue Guy Cendol (L)
boleh lihat isi table calon, kecamatan, hasil ?
itu di php kamu bikin var $name dan $data
kamu append terus dengan setiap row data yg ditarik dari db
lalu tinggal di echo di highchartsnya
lebih cepat daripada kamu pusing mikirin ajax json segala
Quote:Original Posted By justhrun
boleh lihat isi table calon, kecamatan, hasil ?

Thanks PM nya om.. emoticon-Blue Guy Cendol (L)

Quote:Original Posted By pekoy154
itu di php kamu bikin var $name dan $data
kamu append terus dengan setiap row data yg ditarik dari db
lalu tinggal di echo di highchartsnya
lebih cepat daripada kamu pusing mikirin ajax json segala


iya sih, sekarang akhirnya saya bikin seperti itu. tadinya sih pengen belajar aja menggunakan json.. emoticon-Big Grin

thanks ya..