 |
|
ช่วยดูโค้ดให้หน่อยค่ะ คือว่าเอา Google Chart แบบ Timeline มาใช้ ตอนแรกที่เอามาทดสอบกับข้อมูลตัวอย่างแสดงผลได้ค่ะ
แต่ว่าพอเอามาร่วมกับการค้นหา กลายเป็นว่าแสดงผลไม่ได้ค่ะ เช็คในสคริปต์แล้วข้อมูลมีหมดแล้วค่ะ แต่ตัวchartไม่ขึ้น ไม่แน่ใจว่าเกี่ยวกับ
tag <div></div>หรือเปล่า ช่วยดูหน่อยนะคะ ขอบคุณค่ะ
Code (PHP)
<?php
ob_start();
session_start();
if(!isset($_SESSION["Name"])){
header("Location:login.php");
exit;
}else{
$strSession ="คุณ" .$_SESSION["Name"];
}
include("ConnectDB.php");
$ClassConDb = new MyDatabase();
mysql_query("SET character_set_results=utf8");
mysql_query("SET character_set_client=utf8");
mysql_query("SET character_set_connection=utf8");
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>OAR-SPA (Office of Academic Resources Strategic Plan Alert)</title>
<link rel="stylesheet" href="WebStyle.css" type="text/css"/>
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization',
'version':'1','packages':['timeline']}]}"></script>
</head>
<body>
<form name="form1" method="get" action="<?echo $_SERVER['SCRIPT_NAME'];?>">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="0" style="text-align: center">
<tbody>
<tr><td><img src="images/header4.gif" border="0" width="100%"></td></tr>
<tr><td valign="middle"><? include("menu.php");?></td></tr>
<tr><td align="right" class='login' colspan="2"> <? echo $strSession; ?></td></tr>
<tr><td> </td></tr>
<tr><td align="tableHead1"><img src="images/reports-icon.png" border="0" alt="">รายงานติดตามกิจกรรมแผนปฏิบัติงานประจำปีงบประมาณ</td></tr>
<tr><td> </td></tr>
<tr><td>
<table class="tableSearch" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="tdRight">ปี : </td>
<td class="tdLeft">
<select name="ddlBudgetYear">
<option value="">-----ปี-----</option>
<?$objData = mysql_query("Select Year From DataYear order by Year desc");
$year = date('Y')+543;
while($rsYear=mysql_fetch_array($objData))
{
if($_GET['ddlBudgetYear']==$rsYear['Year']){
$sel="selected";
}else{
$sel="";
} }?>
<option value="<?= $rsYear['Year'];?>" <?= $sel;?>><?=$rsYear['Year'];?></option>
<?}?>
</select></td>
<td class="tdRight">กลุ่มกิจกรรม : </td>
<td class="tdLeft"><select name="ddlActType">
<option value="">-----กลุ่มกิจกรรม-----</option>
<?$objActData = mysql_query("Select * From ActivityCategories");
while($rsAct = mysql_fetch_array($objActData)){
if($_GET['ddlActType']==$rsAct['ActCatID']){
$sel = "selected";
}else{
$sel ="";
?>
<option value="<?=$rsAct['ActCatID'];?>" <?=$sel;?>><?=$rsAct['ActCatName'];?></option>
<?}?>
</select></td>
<td> </td>
<td><form action="ReportGanttYear2.php" method="POST">
<button type="submit" name="btnSearch" value="search">ค้นหา</button>
</form></td>
</tr>
</table>
</td></tr>
<tr><td align="center"><font style="color: red;font-family: sans-serif;font-size: 14px;text-align: center">
กรุณาเลือกข้อมูลสำหรับการค้นหาให้ครบถ้วน
</font></td></tr>
<tr><td align="center"><div id="chart_div"></div>
<?$year = $_REQUEST['ddlBudgetYear'];
$ActCatID = $_REQUEST['ddlActType'];
$actname=array();
$start=array();
$end=array();
$strSQL="SELECT ActionPlanActID, ActivityName, PercentProcess, BudgetYear,
StartDate, EndDate,
@rownum:=@rownum+1 rank
FROM ActionPlan,(SELECT @rownum:=0) rank
WHERE BudgetYear = '".$year."'";
//echo $strSQL;
$result = mysql_query($strSQL)or die(mysql_error());
if($ActCatID != ''){
$strSQL .= "and ActCatID='".$ActCatID."'";
}
while ($r=mysql_fetch_assoc($result)) {
$phpstartdate = strtotime($r['StartDate']);
$phpenddate=strtotime($r['EndDate']);
$startdate=date('Y,m,d',$phpstartdate);
$enddate=date('Y,m,d',$phpenddate);
$actname[]=$r['ActivityName'];
$start[]=$startdate;
$end[]=$enddate;
}
?>
<script type="text/javascript">
google.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('chart_div');
var chart = new google.visualization.Timeline(container);
var dt = new google.visualization.DataTable();
dt.addColumn({type:'string',id:'actname'});
dt.addColumn({type:'date',id:'start'});
dt.addColumn({type:'date',id:'end'});
dt.addRows([
<?php $total=count($actname)-1;
for($i=0;$i<count($actname);$i++){
$chart = "['".$actname[$i]."',new Date('".$start[$i]."'),new Date('".$end[$i]."')]";
if($i<$total){
$chart.=",";
}
echo $chart;
}?>]);
var options = {
title: 'แผนปฎิบัติการประจำปี',
width: 1200,
height: 800
};
chart.draw(dt,options);
</script>
</td></tr>
</tbody>
</table>
</form>
</body>
</html>
Tag : PHP, MySQL, HTML/CSS, JavaScript, Report Others, Windows
|
ประวัติการแก้ไข
2014-02-21 15:09:14
2014-02-21 15:13:34
2014-02-21 15:15:03
2014-02-21 15:22:31
2014-02-21 21:57:45
|
 |
 |
 |
 |
| Date :
2014-02-21 15:05:37 |
By :
deathshadow |
View :
1574 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
|
 |
ดูจาก Code แล้ว น่าจะต้องค่อย ๆ นั่งเอาออกทีล่ะอย่างครับ
