|
 |
|
ผมวนลูป กราฟให้ออกมาหลายๆๆตัวได้ไหมครับ ผมลองแล้วมันขึ้นแค่ ตัวเดียวอะคราบ |
|
 |
|
|
 |
 |
|
ผมวนลูป กราฟให้ออกมาหลายๆๆตัวได้ไหมครับ ผมลองแล้วมันขึ้นแค่ ตัวเดียวอะคราบ
Code (PHP)
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<? include ("conn.php");
$sql=mysql_query("select * from researcher limit 0,30");
while ($data=mysql_fetch_array($sql)){
?>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['a1', 11],
['a2', 2],
['a3', 2],
['a4 ', 2],
]);
var options = {
title: 'ข้อมูลชุดที่ A'
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
<? }?>
คือถ้าผมไม่ลูป มันก็ขึ้นกราฟให้ แต่ประเด็นผมอยากเปรียบเทียบหลายตัวๆ มีประมาณ 30 ชุดข้อมูล ผมเลยลองวนลูปดู ให้มันกราฟขึ้นทั่งหมด30ตัว แต่ปรากฏว่ามันขึ้นแค่ตัวเดียวเหมือนเดิม ผมเลยอยากสอบถามว่า ปกติมันทำได้ไหม ถ้าทำไม่ได้มีวิธีอื่นอีกไหมครับ รบกวนด้วยนะครับ
Tag : PHP, MySQL, JavaScript

|
|
 |
 |
 |
 |
Date :
2012-06-11 17:58:05 |
By :
the_cop |
View :
1130 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ลองดูครับ
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<? include ("conn.php");
$i=1;
$sql=mysql_query("select * from researcher limit 0,30");
while ($data=mysql_fetch_array($sql)){
?>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['a1', 11],
['a2', 2],
['a3', 2],
['a4 ', 2],
]);
var options = {
title: 'ข้อมูลชุดที่ A'
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div<?=$i?>'));
chart.draw(data, options);
}
</script>
<div id="chart_div<?=$i?>" style="width: 900px; height: 500px;"></div>
<? $i++; }?>
|
 |
 |
 |
 |
Date :
2012-06-11 21:07:55 |
By :
sakuraei |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
อิอิ ลืมไปว่ามันต้องเปลี่ยนค่า ID ขอบคุณครับ ได้แล้ว
|
 |
 |
 |
 |
Date :
2012-06-12 07:42:35 |
By :
the_cop |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|