|
 |
|
ทำกราฟด้วย jquery ยังไงหรอครับ ถ้าเราจะถึงข้อมูลมาจาก db |
|
 |
|
|
 |
 |
|
พอดีไปเห็นเค้าบอกว่าทำกราฟด้วย jquery สวยดี และมีตัวอย่างเยอะมาก แต่ผมไม่รู้ว่าเราจะดึงข้อมูลจาก php ของเรามาแสดงในกราฟยังไงอ่ะครับ
ที่อ่านดูเหมือนตัวนี้จะเป็น data ของมัน
line2 = [['1/1/2008', 42], ['2/14/2008', 56], ['3/7/2008', 39], ['4/22/2008', 81]];
แล้วถ้าเราจะเอาข้อมูลจาก db เรามาเราจะต้องทำยังไงอ่าครับ
ขอบคุณมากๆนะครับ หรือใครมีวิธีแสดงกราฟที่ง่ายกว่านี้สวยๆ มาแนะนำหน่อยก็ได้ครับ
Tag : PHP, HTML/CSS, JavaScript, jQuery

|
|
 |
 |
 |
 |
Date :
2010-11-25 06:39:54 |
By :
wimass |
View :
1819 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
จากตัวอย่างก็ไม่ยากนี่ครับ ใช้วิธีต่อ string เลยก็ได้ครับ ลองดูตัวอย่างผมครับ
Code (PHP)
$sql = "SELECT date, num
FROM graph";
$result = mysql_query($sql);
$line2 = "[['";
while($row=mysql_fetch_assoc($result)){
if(strlen($line2) > 3) $line2 .= ",";
$line2 .= $row['date']."',".$row['num']."]";
}
$line2 .= "]";
echo "var line2 = $line2;";
|
 |
 |
 |
 |
Date :
2010-11-25 11:00:22 |
By :
kerb |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
<?php
//include 'connect.php';
//$line2 = array();
//$rs = mysql_query('select *...');
//while($r = mysql_fetch_assoc($rs)) $line2[] = array(strtotime('d/m/y',$r['column_name_datetime'],$r['column_name_int']);
//line2 = [['1/1/2008', 42], ['2/14/2008', 56], ['3/7/2008', 39], ['4/22/2008', 81]];
$line2 = array(array('1/1/2008', 41),array('2/14/2008', 56),array('3/7/2008', 39),);
echo 'line2 = '.json_encode($line2).';';
?>
|
 |
 |
 |
 |
Date :
2010-11-25 11:03:03 |
By :
num |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 00
|