Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > ผมดึงข้อมูลจากดาต้าเบตออกมาพอตกราฟแต่ว่าผมไปก็อปโค๊ตในส่วนกราฟมา ปันหาคือผมอ่านโค๊ตไม่รู้เรื่องอยู่ช่วงนึง



 

ผมดึงข้อมูลจากดาต้าเบตออกมาพอตกราฟแต่ว่าผมไปก็อปโค๊ตในส่วนกราฟมา ปันหาคือผมอ่านโค๊ตไม่รู้เรื่องอยู่ช่วงนึง

 



Topic : 120584



โพสกระทู้ ( 15 )
บทความ ( 0 )



สถานะออฟไลน์




ผมดึงข้อมูลจากดาต้าเบตออกมาพอตกราฟแต่ว่าผมไปก็อปโค๊ตในส่วนกราฟมา ปันหาคือผมอ่านโค๊ตไม่รู้เรื่องอยู่ช่วงนึง รบกวนพี่ๆคนไหนพอจะอ่านออก ช่วยอธบิายการทำงานของส่วนนั้นให้ผมทีน่ะครับ จำเป็นมาก

ช่วง 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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-12-22 03:34:15 By : sicholkoong View : 825 Reply : 3
 

 

No. 1

Guest


ส่วนที่อ่านไม่ออกคือส่วนไหนครับ แล้วกราฟ สามารถ พร๊อตได้ไหม






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-12-22 09:35:57 By : _/\_
 


 

No. 2

Guest


ลองดูตัวที่ผมทำ ในส่วนของกราฟ

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 : _/\_
 

 

No. 3



โพสกระทู้ ( 15 )
บทความ ( 0 )



สถานะออฟไลน์


กราฟพอตออกมาได้ครับ โค๊ตที่อ่านไม่ออกตั้งแต่

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
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ผมดึงข้อมูลจากดาต้าเบตออกมาพอตกราฟแต่ว่าผมไปก็อปโค๊ตในส่วนกราฟมา ปันหาคือผมอ่านโค๊ตไม่รู้เรื่องอยู่ช่วงนึง
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่