|
 |
| |
กราฟไม่โชว์ จะแก้ไขอย่างไรดี จะต้องส่งงานแล้ว ช่วยด้วยน๊ะ |
| |
 |
|
|
 |
 |
|
Code (PHP)
<? session_start();
$_SESSION["txtdate1"];
$_SESSION["txtdate2"];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>กราฟแสดงช้อมูลการช่วยเหลือ</title>
<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.7.2.custom.css">
<link rel="stylesheet" type="text/css" href="js/editForm.css">
<script src="assets/column.js"/></script>
<script src="assets/exporting.js"/></script>
<script src="assets/jquery.min.js"/></script>
<script src="assets/highcharts.js"/></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jsDate.js"></script>
<script language="javascript">
function check() {
if(document.form1.txtdate1.value=="") {
alert("กรุณาระบุวันที่ต้องการค้นหาด้วยค่ะ") ;
document.form1.txtdate1.focus() ;
return false;
}
//else if(document.form1.txtdate2.value=="") {
//alert("กรุณาระบุวันที่ต้องการค้นหาด้วยค่ะ") ;
//document.form1.txtdate2.focus() ;
//return false;
//}
else
return true ;
}
</script>
<style type="text/css">
/* Overide css code กำหนดความกว้างของปฏิทินและอื่นๆ */
.ui-datepicker{
width:170px;
font-family:tahoma;
font-size:11px;
text-align:center;
}
</style>
</head>
<body bgcolor="#eaedf0">
<form id="form1" name="form1" method="post" action="" onsubmit="return check();">
<table width="371" align="center">
<tr>
<td width="363" height="37"><div align="center" style="font-size:14px;"><strong>เลือกช่วงวันที่ที่ต้องการแสดงข้อมูล</strong></div></td>
</tr>
<tr>
<td height="30"><div align="center" style="font-size:14px;">วันที่
<input type="text" name="txtdate1" id="dateIn" value="" />
</div></td>
</tr>
<tr>
<td height="30"><div align="center" style="font-size:14px;">วันที่
<input type="text" name="txtdate2" id="dateIn2" value="" />
</div></td>
</tr>
<tr>
<td><div align="center">
<input type="submit" name="show" id="show" value="แสดงข้อมูล" class="button" style="width:130px; height:30px; cursor:pointer; margin-left:20px" />
</div></td>
</tr>
</table>
<br />
</form>
<div id="container" style="width: 700px; height: 400px; margin: 0 auto"></div>
<div>
<script type='text/javascript'>//<![CDATA[
var options; // ประกาศตัวแปรสำหรับเก็บค่า Options ต่างๆ เพื่อกำหนดให้กับ Charts
function requestData() { // เรียกข้อมูลเข้ามาแสดงด้วย Ajax
jQuery.ajax({
url: 'json.php',
success: function(data) {
var series;
jQuery.each(data, function(seriesname, subdata) {
// ใช้ jQuery.each ดึงข้อมูลจากรูปแบบ JSON และกำหนดค่าให้กับตัวแปร series ข้อมูลที่เก็บเข้าไปจะอยู่ในรูปแบบ Object
series = {
data: []
};
series.name = seriesname; // กำหนดชื่อของ series
jQuery.each(subdata, function(key, value) {
series.data.push(parseFloat(value)); // วนลูปเก็บค่าของแต่ละ series
});
options.series.push(series); // นำค่าของ series เข้าไปเก็บใน options
});
var chart = new Highcharts.Chart(options);
},
cache: false
});
}
jQuery(document).ready(function() {
var date = document.form1.start.value;
options = ({
// renderTo คือให้กราฟแสดงที่ไหน ส่วน type เป็นรูปแบบของกราฟ
chart: {
renderTo: 'container',
type: 'column'
},
colors: ['#CC0000', '#FFFF33', '#00CC00'],
// กำหนดชื่อให้ charts
title: {
text: 'กราฟแสดงการบริจาคเลือดประจำวัน '+txtdate1+'&&'+txtdate2+' '
},
// กำหนดชื่อให้แกน Y และค่าที่น้อยสุดของแกน
yAxis: {
min: 0,
title: {
text: 'จำนวน (คน)'
}
},
// กำหนดหมวดหมู่ข้อมูลของแกน X
xAxis: {
categories: ['หมู่เลือด']
},
// แสดงข้อมูลใน charts โดยในตัวอย่างจะดึงจากไฟล์ JSON เข้ามา
series: []
});
// ดึงข้อมูลผ่าน Ajax
requestData();
});
</script></div>
</body>
</html>
Tag : PHP
|
|
|
 |
 |
 |
 |
| Date :
2012-10-15 06:35:33 |
By :
taengii |
View :
1518 |
Reply :
3 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ใช้ Graph ตัวไหนครับ 
|
| |
|
|
| |
| Date :
2012-10-15 09:00:52 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
pertchart ค่ะ
|
| |
|
|
| |
| Date :
2012-10-16 14:10:23 |
By :
taengii |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตรงไหนที่เป็นส่วนของ Graph ครับ ?
|
| |
|
|
| |
| Date :
2012-10-17 08:43:52 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
