- Beranda
- Komunitas
- Tech
- Programmer Forum
[Ask] Seputar xmlHttpRequest dan Javascript
TS
TheAsset
[Ask] Seputar xmlHttpRequest dan Javascript
Hi all,
ane udah coba search di forum ini ngga nemu, jadi coba bikin thread. Kalau udah ada thread serupa mohon dimaafkan
:
Jadi ceritanya ane bikin page untuk nampilin chart, pake library c3.js, salah satu turunan d3. (c3js.org)
prosesnya :
Input Form > panggil showdata.php > query database > tampilkan hasilnya dalam JSON
sampai sini sudah berhasil, tapi selanjutnya ane pengin tampilkan chartnya dengan data JSON tersebut, dengan library c3 yg ane sebut di atas, dan sampai sekarang ane blm bisa. Problemnya ketika ane panggil c3.generate, si c3 tidak tahu datanya.
Ini kode ane gan :
[removed]
xmlhttp.open("GET","getdata.php?q="+str,false);
xmlhttp.send();
//write the result to txtHint div
document.getElementById("txtHint")[removed]=xmlhttp.responseText;
var dataStream = xmlhttp.responseText;
dan di <body> ane panggil c3 chart library sebagai berikut :
var chart = c3.generate({
data: {
bindto :'#chart',
json: dataStream,
mimeType: 'json',
keys: {
x:'xdate',
x: 'xhour', // it's possible to specify 'x' when category axis
value: ['CSSR_CS', 'CSSR_PS', 'CDR_CS', 'CDR_PS','throughput'],
}
},
axis: {
x: {
type: 'category'
}
}
});
Thanks pencerahannya gan..
ane udah coba search di forum ini ngga nemu, jadi coba bikin thread. Kalau udah ada thread serupa mohon dimaafkan
:Jadi ceritanya ane bikin page untuk nampilin chart, pake library c3.js, salah satu turunan d3. (c3js.org)
prosesnya :
Input Form > panggil showdata.php > query database > tampilkan hasilnya dalam JSON
sampai sini sudah berhasil, tapi selanjutnya ane pengin tampilkan chartnya dengan data JSON tersebut, dengan library c3 yg ane sebut di atas, dan sampai sekarang ane blm bisa. Problemnya ketika ane panggil c3.generate, si c3 tidak tahu datanya.
Ini kode ane gan :
[removed]
xmlhttp.open("GET","getdata.php?q="+str,false);
xmlhttp.send();
//write the result to txtHint div
document.getElementById("txtHint")[removed]=xmlhttp.responseText;
var dataStream = xmlhttp.responseText;
dan di <body> ane panggil c3 chart library sebagai berikut :
var chart = c3.generate({
data: {
bindto :'#chart',
json: dataStream,
mimeType: 'json',
keys: {
x:'xdate',
x: 'xhour', // it's possible to specify 'x' when category axis
value: ['CSSR_CS', 'CSSR_PS', 'CDR_CS', 'CDR_PS','throughput'],
}
},
axis: {
x: {
type: 'category'
}
}
});
Thanks pencerahannya gan..
0
613
1
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Urutan
Terbaru
Terlama
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Komunitas Pilihan