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,037

HOME > PHP > PHP Forum > PHP&AJax Graph Real-Time ต้องการความช่วยเหลือ ด่วน!!!



 

PHP&AJax Graph Real-Time ต้องการความช่วยเหลือ ด่วน!!!

 



Topic : 128902



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



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




ต้องกราบวิงวอนเลยเพราะ คอจะขาดแล้ว เกี่ยวกับ graph rael time (Hight Charts)
ไม่รู้ว่าจะต้องเอาค่าจาก php&mysql ใส่ลงไปยังไง ขอคำแนะนำด่วนครับ (*ผมเขียน java script ไม่เป็น แต่เวลารัดคอแล้ว)
หรือใครจะรับงานนี้หลังไมล์ได้นะครับ

Code
<!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>Untitled Document</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/modules/exporting.js"></script> <script> function getDataFromDb() { $.ajax({ url: "getdata_real_time.php" , type: "POST", data: '' }) .success(function(result) { var obj = jQuery.parseJSON(result); if(obj != '') { //$("#myTable tbody tr:not(:first-child)").remove(); $("#myBody").empty(); $.each(obj, function(key, val) { var tr = "<tr align='center'>"; tr = tr + "<td>" + val["DataDateTime"] + "</td>"; tr = tr + "<td>" + val["CyO"] + "</td>"; tr = tr + "<td>" + val["DT"] + "</td>"; tr = tr + "<td>" + val["NX"] + "</td>"; tr = tr + "<td>" + val["Oli2"] + "</td>"; tr = tr + "<td>" + val["Opty"] + "</td>"; tr = tr + "<td>" + val["SO"] + "</td>"; tr = tr + "</tr>"; $('#myTable > tbody:last').append(tr); }); } }); } setInterval(getDataFromDb, 1000); // 1000 = 1 second </script> </head> <body> <div id="myBody" style="min-width: 310px; height: 400px; margin: 0 auto"></div> <script> $(document).ready(function () { Highcharts.setOptions({ global: { useUTC: false } }); Highcharts.chart('myBody', { chart: { type: 'spline', animation: Highcharts.svg, // don't animate in old IE marginRight: 10, events: { load: function () { // set up the updating of the chart each second var series = this.series[0]; setInterval(function () { var x = (new Date()).getTime(), // current time y = Math.random(); series.addPoint([x, y], true, true); }, 1000); } } }, title: { text: 'Live random data' }, xAxis: { type: 'datetime', tickPixelInterval: 150 }, yAxis: { title: { text: 'Value' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { formatter: function () { return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' + Highcharts.numberFormat(this.y, 2); } }, legend: { enabled: false }, exporting: { enabled: false }, series: [{ name: 'Random data', data: (function () { // generate an array of random data var data = [ <?php $objConnect = mysql_connect("localhost","root","") or die(mysql_error()); $objDB = mysql_select_db("datatec_oem_hitest"); $strSQL = "select NX from t_data order by DataDateTime desc limit 1"; $objQuery = mysql_query($strSQL) or die (mysql_error()); $intNumField = mysql_num_fields($objQuery); $resultArray = array(); while($obResult = mysql_fetch_array($objQuery)) { $arrCol = array(); for($i=0;$i<$intNumField;$i++) { $arrCol[mysql_field_name($objQuery,$i)] = $obResult[$i]; } array_push($resultArray,$arrCol); } //mysql_close($objConnect); //echo json_encode($resultArray); echo $arrCol["NX"]; ?> ], time = (new Date()).getTime(), i; for (i = 0; i <= 0; i += 1) { data.push({ x: time + i * 1000, y: Math.random() }); } return data; }()) }] }); }); </script> </body> </html>


มันก็จะดูมั่วๆนิดนึงเพราะลองมาเยอะแล้ว หรือถ้ามี Charts อื่นที่เป็น real time แนะนำผมก็ยินดีนะครับ



Tag : PHP, MySQL, HTML5, JavaScript, jQuery, JAVA









ประวัติการแก้ไข
2017-09-14 09:51:12
2017-09-14 09:53:41
2017-09-14 16:20:46
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-09-14 09:45:33 By : tleextreme View : 2164 Reply : 2
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

ตัวนี้น่าจะใช้ Timer ในการ Loop เพื่อดึงข้อมูลครับ ซึ่งอาศัย jQuery + Ajax และส่งมาเป็น JSON อาจจะต้องหา Library ที่ดึงกราฟในรูปแบบของ JSON ได้ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-09-14 17:03:38 By : mr.win
 


 

No. 2



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



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


มี get data อยู่ที่ head แล้วครับ
Code
$.ajax({ url: "getdata_real_time.php" , type: "POST", data: '' })

แต่ไม่รู้ว่าจะต้องดึงมาใช้ยังไง ??
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-09-14 18:40:53 By : tleextreme
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : PHP&AJax Graph Real-Time ต้องการความช่วยเหลือ ด่วน!!!
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 03
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 อัตราราคา คลิกที่นี่