- Beranda
- Komunitas
- Tech
- Programmer Forum
[ask]Highchart "series" +json +database mysql


TS
sanca19
[ask]Highchart "series" +json +database mysql
Permisi semuanya, sebelumnya mohon maaf kalau memang judulnya membingungkan.
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 :
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
Ini code di file data.php (tempat json)
Bisa dilihat pada code yang ada di file index.php diatas itu, bahwa :
masih manual.
Just info:
Mungkin demikian informasi yang bisa saya berikan, mohon maaf kalau ada info yang masih belum lengkap.
Terimakasih dan mohon arahan 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',
marginRight: 130,
marginBottom: 25,
},
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: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y;
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
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($result, JSON_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..

0
3.5K
4


Komentar yang asik ya
Urutan
Terbaru
Terlama


Komentar yang asik ya
Komunitas Pilihan