|
|
|
ผมดึงข้อมูลจากดาต้าเบตออกมาพอตกราฟแต่ว่าผมไปก็อปโค๊ตในส่วนกราฟมา ปันหาคือผมอ่านโค๊ตไม่รู้เรื่องอยู่ช่วงนึง |
|
|
|
|
|
|
|
ผมดึงข้อมูลจากดาต้าเบตออกมาพอตกราฟแต่ว่าผมไปก็อปโค๊ตในส่วนกราฟมา ปันหาคือผมอ่านโค๊ตไม่รู้เรื่องอยู่ช่วงนึง รบกวนพี่ๆคนไหนพอจะอ่านออก ช่วยอธบิายการทำงานของส่วนนั้นให้ผมทีน่ะครับ จำเป็นมาก
ช่วง tooltip ถึง enableMouseTracking: false แค่ช่วงนี้อ่ะครับ ช่วยอธิบายการทำงานของมันให้ผมทีครับ ขอบคุณครับ
Code (PHP)
<?php require_once('Connections/Myconnect.php');
session_start();
require_once('Connections/Myconnect.php');
$date = date("Y-m-d") ;
$s = $_SESSION["user_id"];
$strSQL = "SELECT * FROM statitis_run WHERE user_id = '".$s."' AND date(date_run)='".$date."' ";
$objQuery = mysql_query($strSQL) or die(mysql_error());
?>
<table border="1" >
<tr>
<td width="100">Run_ID</td><td width="100">User_ID</td><td width="200">Date_Run</td><td width="100">Distance</td><td width="100">Time_run</td><td width="100">calories</td>
</tr>
<?php
while($objResult = mysql_fetch_array($objQuery))
{
?>
<tr>
<td width="100"><?php echo $objResult[0];?></td><td width="100"><?php echo $objResult[1];?></td><td width="100"><?php echo $objResult[2]?></td><td width="100"><?php echo $objResult[3];?></td><td width="100"><?php echo $objResult[4];?> </td><td width="100"><?php echo $objResult[5];?></td>
</tr>
<?php
}
?>
</table>
<?php
$datex = array(); // ตัวแปรแกน x
$y = array(); //ตัวแปรแกน y
$s = $_SESSION["user_id"];
$strGraph = "SELECT statitis_run.`date_run`,statitis_run.`calories` FROM statitis_run WHERE user_id = '".$s."' AND date(date_run)='".$date."' ";
$objGraph = mysql_query($strGraph) or die(mysql_error());
while($Graph1=mysql_fetch_assoc($objGraph)) {
//array_push คือการนำค่าที่ได้จาก sql ใส่เข้าไปตัวแปร array
array_push($y,$Graph1["calories"]);
array_push($datex,$Graph1["date_run"]);
}
?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script>
$(function () {
$('#container1').highcharts({
chart: {
type: 'column' //รูปแบบของ แผนภูมิ ในที่นี้ให้เป็น line
},
title: {
text: 'สถิติในแต่ละวัน Calories' //
},
subtitle: {
text: ''
},
xAxis: {
categories: ['<?= implode("','", $datex); //นำตัวแปร array แกน x มาใส่ ในที่นี้คือ เดือน?>']
},
yAxis: {
title: {
text: 'Calories'
}
},
tooltip: {
enabled: false,
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y ;
}
},
legend: {
layout: 'vertical', //การจัดให้กราฟเป็นแนวตั้ง
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
series: [{
name: 'calories',
data: [<?= implode(',', $y) // ข้อมูล array แกน y ?>]
}]
});
});
</script>
<div id="container1" style="min-width: 320px; height: 380px; margin: 0 auto"></div>
Tag : PHP
|
|
|
|
|
|
Date :
2015-12-22 03:34:15 |
By :
sicholkoong |
View :
859 |
Reply :
3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ส่วนที่อ่านไม่ออกคือส่วนไหนครับ แล้วกราฟ สามารถ พร๊อตได้ไหม
|
|
|
|
|
Date :
2015-12-22 09:35:57 |
By :
_/\_ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองดูตัวที่ผมทำ ในส่วนของกราฟ
Code (PHP)
<script>
$(function () {
$('#container').highcharts({
chart: {
borderColor: '#EBBA95',
borderRadius: 10,
borderWidth: 1,
type: 'line' //รูปแบบของ แผนภูมิ ในที่นี้ให้เป็น line
},
title: {
text: 'X-Bar Chart (<?php echo $product;?> <?php if($testype == ''){echo $testype ='all';}else{echo $testype;} ;?> )' //
},
subtitle: {
text: 'Head : <?php echo $head;?> zone : <?php echo $zone ;?>'
},
xAxis: {
categories: ['<?= implode("','", $month_00); ?>'] // แสดงข้อมูลที่แกน x
},
yAxis: {
title: {
text: '<?php echo $parameter;?>'
}
},
tooltip: {
pointFormat: "{point.y:.3f}" // กำหนดให้แสดงจุดทศนิยม 3 ตำแหน่ง
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
plotOptions: {
line: {
dataLabels: {
enabled: false
},
enableMouseTracking: true
}
},
series: [{
name: '<?php echo $iSEAT1;?>',
data: [<?= implode(',', $data_00); // ข้อมูล array แกน y ?>]
},
{
name: '<?php echo $iSEAT2;?>',
data: [<?= implode(',', $data_01); // ข้อมูล array แกน y ?>]
}]
});
});
</script>
|
|
|
|
|
Date :
2015-12-22 11:01:32 |
By :
_/\_ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
กราฟพอตออกมาได้ครับ โค๊ตที่อ่านไม่ออกตั้งแต่
Code
tooltip: {
enabled: false,
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y ;
}
},
legend: {
layout: 'vertical', //จัดให้กราฟเป็นแนวตั้ง
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
ไอ่ตรงส่วน legend พอจะรู้ว่าเกี่ยวกับพวกจัดตำแหน่ง แต่ที่เหลือนี้ไม่รู้เลย
|
ประวัติการแก้ไข 2015-12-24 16:53:03
|
|
|
|
Date :
2015-12-24 16:50:45 |
By :
sicholkoong |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|