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

Registered : 108,946

HOME > PHP > PHP Forum > ขอคำแนะนำวิธีใส่ข้อมูลจากการ Select Database ลงใน Google Chart ครับ



 

ขอคำแนะนำวิธีใส่ข้อมูลจากการ Select Database ลงใน Google Chart ครับ

 



Topic : 125135



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



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




ขอคำแนะนำวิธีใส่ข้อมูลลงใน Google Chart ครับ

พอดีผมไม่ค่อยเก่ง javascript กับพวก array พี่ๆช่วยแนะนำหน่อยครับ ว่าใส่โค้ดยังไงบ้างครับ? ต้องเรียนรู้เรื่องอะไรเพิ่มบ้าง?

อันนี้ภาพข้อมูลที่ select ออกมาจากตาราง อยากจะใส่ลงใน google chart ครับ

gch1

อันนี้ภาพกราฟที่ผมอยากเอาข้อมูลใส่ลงไปครับ

gch2


อันนี้เป็นโค้ดที่ใช้ select ตามรูปด้านบนครับ

Code
<?php 
   
function returnCustomer()
{
	$objConnect = mysql_connect("localhost","root","root1234") or die(mysql_error());
	$objDB = mysql_select_db("pajookdb");
	$strSQL = "Select orders.*, SUM(order_details.pieces) AS Sumpieces, order_details.pay_price, products.* From orders, order_details, products Where orders.order_id=order_details.order_id and order_details.product_id=products.product_id and orders.status='3' Group By order_details.product_id Order By products.product_id ASC";
	$objQuery = mysql_query($strSQL) or die (mysql_error());
	$resultArray = array();
	while($obResult = mysql_fetch_array($objQuery))
	{
		array_push($resultArray,$obResult);
	}
	mysql_close($objConnect);
	return $resultArray;
}

$resultCus = returnCustomer();

//echo '<pre>';
//var_dump($resultCus);
//echo '</pre><hr />';

?>

<h2>ข้อมูลการขายสินค้า</h2>
<table width="700" border="1">
  <tr>
    <th width="80"> <div align="center">product_id </div></th>
      <th width=""> <div align="center">product_name </div></th>
          <th width="140"> <div align="center">pay_price </div></th>
    <th width="80"> <div align="center">pieces </div></th>

    <th width="140"> <div align="center">total </div></th>
  </tr>
<?php
foreach ($resultCus as $result)
{
      $SumTotal = 0 ;
      $total_price = 0 ;       
      $pieces = $result['pieces'];
      $price = $result['pay_price'];
      $product_name = $result['product_name'];
      $product_id = $result['product_id'];
      $Sumpieces = $result['Sumpieces'];   //ตัวแปรเก็บผลรวมจำนวนชิ้น SUM(order_details.pieces) AS Sumpieces             
      $total_price = $price * $Sumpieces;
      $_SESSION["Sumtotal"] = $_SESSION["Sumtotal"] + $total_price; //หาผลราคารวมทั้งหมด
?>
  <tr>
    <td align="left"><?php echo $product_id;?></td>
      <td align="left"><?php echo $product_name;?></td>
        <td align="right"><?php echo $price;?> บาท</td>
    <td align="right"><?php echo $Sumpieces;;?></td>
      <td align="right"><?php echo number_format($total_price,2);?> บาท</td> 

  </tr>
<?php
}
?>
    <table class="table">       
     <tr>
      <td align="right"><h3> ราคารวมสุทธิ :</h3></td>
      <td><h3><?php echo number_format($_SESSION["Sumtotal"],2);?>  บาท</h3></td> 
  </tr>
</table>

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawVisualization);


      function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
         ['Monthss', 'ABC', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
         ['2004/05',  165,      938,         522,             998,           450,      614.6],
         
      ]);

    var options = {
      title : 'ข้อมูลการขายสินค้า',
      vAxis: {title: 'จำนวน'},
      hAxis: {title: 'วัน/เดือน/ปี'},
      seriesType: 'bars',
      series: {5: {type: 'line'}}
    };

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
    </script>
    
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>




Tag : PHP, MySQL, HTML/CSS, JavaScript







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-10-27 22:10:06 By : no007 View : 1240 Reply : 2
 

 

No. 1



โพสกระทู้ ( 5,104 )
บทความ ( 4 )

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

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


ตรง var data เอาค่าจาก php แทนไปตรงๆ เลยครับ

data: [<?php $teacher = $mysql->queryResult("SELECT * FROM `tb_teacher` ORDER BY `teacherID`"); while($rs = $teacher->fetch()){ ?>{"character1": "<?php echo $rs['teacherName']; ?>","teacherID": "<?php echo $rs['teacherID']; ?>"}, <?php } ?> ]


ลองมโนภาพตามว่าจะเปลียนสีแดง เป็นรูปแบบของ chart อย่างไรครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-10-28 09:05:23 By : apisitp
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : apisitp เมื่อวันที่ 2016-10-28 09:05:23
รายละเอียดของการตอบ ::
ขอบคุณมากครับ ผมยังไม่ค่อยเข้าใจเท่าไหร่ ยังงงอยู่เลย ลองทำดูก็ไม่ขึ้นอะไรเลย

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-10-28 23:27:05 By : no007
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ขอคำแนะนำวิธีใส่ข้อมูลจากการ Select Database ลงใน Google Chart ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , pangpond.com , pangpond.co.th , สำนักงานบัญชี.com , รถมือสอง

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