Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > สอบถามเรื่อง การดึงข้อมูลจากฐานข้อมูลมาทำเป็นกราฟคัฟ

[PHP] สอบถามเรื่อง การดึงข้อมูลจากฐานข้อมูลมาทำเป็นกราฟคัฟ

เริ่มหัวข้อใหม่

kunnawut

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

ผมอยากดึงข้อมูลมาแสดงเป็นกราฟคัฟ
คือให้แสดงการฝาก-ถอนแต่ละเดือน

เช่น เดือน ม.ค ฝาก กี่บาท ถอน กี่บาท
เดือน ก.พ ฝาก กี่บาท ถอน กี่บาท

ไม่ทราบว่าต้องใช้กราฟแบบไหนคัฟ
ช่วยแนะนำด้วยคัฟ

Tag : PHP

Date : 2014-04-11 15:54:45

By : kunnawut

View : 3024

Reply : 18

No. 1

ITengineer (มือใหม่หัดขับ)

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

ลองประยุกต์ ดูนะค่ะ ตามลิงค์ข้างล่าง

http://www.highcharts.com/

Date : 2014-04-11 16:31:06

By : itengineer

No. 2

TC Admin

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

ในกระทู้บทความมีเยอะน่ะครับ ยิ่งเป็น PHP พวก Chart เยอะมาก

Date : 2014-04-11 17:18:09

By : mr.win

No. 3

To Be Developer

โพสกระทู้ ( 1,994 )
บทความ ( 10 )

ลองกูเกิ้ลกราฟดูครับ สวยน่ารัก ถูกใจ

Date : 2014-04-11 17:24:13

By : {Cyberman}

No. 4

kunnawut

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

คือผมอยากไม่อยากใส่ค่าเป็นตัวเลขโดยตรง แต่จะใส่เป็น $vn แทน
แต่เมื่อใส่ $vn แล้ว กราฟไม่แสดงคัฟ
(ตรง เดือนมกราคม) บรรทัดที่ 18
$vn

Code (PHP)

<!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=windows-874" />
<title>Untitled Document</title>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['corechart']});
    </script>
    <?
    $vn = 5;
    ?>
    <script type="text/javascript">
      function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
          ['Month', 'ฝาก', 'ถอน', 'โอน'],
          ['มกราคม',  $vn,      938,         522],
          ['กุมภาพันธ์',  135,      1120,        599],
          ['มีนาคม',  157,      1167,        587],
          ['เมษายน',  139,      1110,        615],
          ['พฤษภาคม',  136,      691,         629]
        ]);
 
        var options = {
          title : 'สถิติประจำปี พ.ศ. 2557',
          vAxis: {title: "Cups"},
          hAxis: {title: "เดือน"},
          seriesType: "bars",
          series: {5: {type: "line"}}
        };
 
        var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
      google.setOnLoadCallback(drawVisualization);
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

ประวัติการแก้ไข
2014-04-11 21:30:25
2014-04-11 21:32:08

Date : 2014-04-11 21:25:06

By : kunnawut

No. 5

itpcc

โพสกระทู้ ( 1,569 )
บทความ ( 2 )

$vn มาจากไหนครับ

Date : 2014-04-11 21:49:03

By : itpcc

No. 6

Guest

ตอบความคิดเห็นที่ : 4 เขียนโดย : kunnawut เมื่อวันที่ 2014-04-11 21:25:06

รายละเอียดของการตอบ ::

เอาตัวแปร php (บรรทัดที่ 11) ไปยัดใส่ javascript (บรรทัดที่ 18)เอาดื้อๆ แบบนั้นได้ด้วยหรอครับ

Date : 2014-04-11 22:07:42

By : ผู้มาเยือน

No. 7

kunnawut

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

ตอบความคิดเห็นที่ : 5 เขียนโดย : itpcc เมื่อวันที่ 2014-04-11 21:49:03

รายละเอียดของการตอบ ::

$vn คือ ผมสมมุติขึ้นมาเองคัฟ เพื่อที่จะดึงข้อมูลจากฐานข้อมูลมาใส่ ก็เลยสมมุติ $vn ขึ้นมาก่อน ว่ามันจะสามารถรันได้ไหม
รบกวนช่วยดูให้ด้วยคัฟ

โค้ดดึงจะเป็นแบบนี้คัฟ
Code (PHP)

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load('visualization', '1', {packages: ['corechart']});
</script>
<?
include"connect.php";
$strSQL="select * from account   ";   
mysql_query("set NAMES tis620"); 
$objQuery = mysql_query($strSQL);
$objResult = mysql_fetch_array($objQuery);
$vn = $objResult["Money"];
?>
<script type="text/javascript">
  function drawVisualization() {
    // Some raw data (not necessarily accurate)
    var data = google.visualization.arrayToDataTable([
      ['Month', 'ฝาก', 'ถอน', 'โอน'],
      ['มกราคม',  $vn,      938,         522],
      ['กุมภาพันธ์',  135,      1120,        599],
      ['มีนาคม',  157,      1167,        587],
      ['เมษายน',  139,      1110,        615],
      ['พฤษภาคม',  136,      691,         629]

ประวัติการแก้ไข
2014-04-11 22:36:27

Date : 2014-04-11 22:26:30

By : kunnawut

No. 8

itpcc

โพสกระทู้ ( 1,569 )
บทความ ( 2 )

ยัดแบบนั้นมันไม่ได้นะครับ = ="
ขอดูตาราง account หน่อยครับ

Date : 2014-04-11 22:38:29

By : itpcc

No. 9

Guest

ตอบความคิดเห็นที่ : 7 เขียนโดย : kunnawut เมื่อวันที่ 2014-04-11 22:26:30

รายละเอียดของการตอบ ::

จะต้องสั่งแสดงผลด้วยนะครัช
Code (PHP)

1.<?= $vn ?>

Date : 2014-04-11 22:38:40

By : ผู้มาเยือน

No. 10

itpcc

โพสกระทู้ ( 1,569 )
บทความ ( 2 )

ตอบความคิดเห็นที่ : 9 เขียนโดย : ผู้มาเยือน เมื่อวันที่ 2014-04-11 22:38:40

รายละเอียดของการตอบ ::

ตามนั้นครับ แต่เวลาอัพจริง ต้องเปลี่ยนจาก <? เป็น <?php ด้วยนะครับ

Date : 2014-04-11 22:42:37

By : itpcc

No. 11

kunnawut

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

ตาราง account
แอด

Date : 2014-04-11 22:44:11

By : kunnawut

No. 12

itpcc

โพสกระทู้ ( 1,569 )
บทความ ( 2 )

ok ;)
ตรง

1.$vn

แก้เป็น
Code (PHP)

1.<?php echo $vn; ?>

Date : 2014-04-11 23:39:23

By : itpcc

No. 13

kunnawut

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

ขอบคุณทุกท่านนะคัฟ
ได้แล้ว

Code (PHP)

<!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=windows-874" />
<title>Untitled Document</title>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['corechart']});
    </script>
    <?php
    include"connect.php";
    $strSQL="select * from account where ID order by ID ASC   ";   
    mysql_query("set NAMES tis620"); 
    $objQuery = mysql_query($strSQL);
    $objResult = mysql_fetch_array($objQuery);
    $vn = $objResult["Money"];
    ?>
    <script type="text/javascript">
      function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
          ['Month', 'ฝาก', 'ถอน', 'โอน'],
          ['มกราคม',  <?=$vn?>,      938,         522],
          ['กุมภาพันธ์',  135,      1120,        599],
          ['มีนาคม',  157,      1167,        587],
          ['เมษายน',  139,      1110,        615],
          ['พฤษภาคม',  136,      691,         629]
        ]);
 
        var options = {
          title : 'สถิติประจำปี พ.ศ. 2557',
          vAxis: {title: "Cups"},
          hAxis: {title: "เดือน"},
          seriesType: "bars",
          series: {5: {type: "line"}}
        };
 
        var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
      google.setOnLoadCallback(drawVisualization);
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

Date : 2014-04-11 23:45:26

By : kunnawut

No. 14

To Be Developer

โพสกระทู้ ( 1,994 )
บทความ ( 10 )

ปกติผมจะใช้ json_encode() ข้อมูลจากฐานข้อมูลก่อน แล้วค่อยนำมา echo ในจาวาสคริปต์ ดังนี้

Code (PHP)

$list = array('Month', 'ฝาก', 'ถอน', 'โอน');
//query
while($row=mysql_fetch_assoc($qry)){
    $list[] = $row;
}
$data = json_encode($list);

Code (JavaScript)

1.var data = google.visualization.arrayToDataTable(<?php echo $data;?>);

Date : 2014-04-12 01:26:17

By : {Cyberman}

No. 15

kunnawut

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

คือผมใช้ number_format แล้วกราฟไม่แสดงเลยคัฟ
ช่วยดูให้หน่อย บรรทัดที่ 16

Code (PHP)

<!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=windows-874" />
<title>Untitled Document</title>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['corechart']});
    </script>
     
    <?php //ฝาก มี.ค.
    include"connect.php";
   $sum_m3="select SUM(Deposit)  from deposit where Date2 Like '%2014-03%' ";
   $query_m3=mysql_query($sum_m3);
   $result = mysql_fetch_array($query_m3);
   $m3 = number_format($result["SUM(Deposit)"], 2, '.', ',');
   ?>
    <?php //ถอน มี.ค.
    include"connect.php";
   $sum_w3="select SUM(Withdrawal)  from withdrawal where Date2 Like '%2014-03%' ";
   $query_w3=mysql_query($sum_w3);
   $result = mysql_fetch_array($query_w3);
   $w3 = $result["SUM(Withdrawal)"];
   ?>
    <?php //โอน มี.ค.
    include"connect.php";
   $sum_t3="select SUM(Money)  from transfer where Date2 Like '%2014-03%' ";
   $query_t3=mysql_query($sum_t3);
   $result = mysql_fetch_array($query_t3);
   $t3 = $result["SUM(Money)"];
   ?>
    
    <?php //ฝาก เม.ย.
    include"connect.php";
   $sum_m4="select SUM(Deposit)  from deposit where Date2 Like '%2014-04%' ";
   $query_m4=mysql_query($sum_m4);
   $result = mysql_fetch_array($query_m4);
   $m4 = $result["SUM(Deposit)"];
   ?>
    <?php //ถอน เม.ย.
    include"connect.php";
   $sum_w4="select SUM(Withdrawal)  from withdrawal where Date2 Like '%2014-04%' ";
   $query_w4=mysql_query($sum_w4);
   $result = mysql_fetch_array($query_w4);
   $w4 = $result["SUM(Withdrawal)"];
   ?>
    <?php //โอน เม.ย.
    include"connect.php";
   $sum_t4="select SUM(Money)  from transfer where Date2 Like '%2014-04%' ";
   $query_t4=mysql_query($sum_t4);
   $result = mysql_fetch_array($query_t4);
   $t4 = $result["SUM(Money)"];
   ?>
          
       <script type="text/javascript">
      function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
          ['Month', 'ฝาก', 'ถอน', 'โอน'],
          ['มกราคม',  0,      0,         0],
          ['กุมภาพันธ์',  0,      0,        0],
          ['มีนาคม',  <?=$m3?>,      <?=$w3?>,         <?=$t3?>],
          ['เมษายน',  <?=$m4?>,      <?=$w4?>,         <?=$t4?>],
          ['พฤษภาคม',  0,      0,         0]
        ]);
 
        var options = {
          title : 'สถิติประจำปี พ.ศ. 2557',
          vAxis: {title: "Cups"},
          hAxis: {title: "เดือน"},
          seriesType: "bars",
          series: {5: {type: "line"}}
        };
 
        var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
      google.setOnLoadCallback(drawVisualization);
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

ประวัติการแก้ไข
2014-04-12 08:21:26

Date : 2014-04-12 08:20:33

By : kunnawut

No. 16

Guest

1. include "connect.php"; เยอะเกินครับ ครั้งเดียวพอ (ถ้าชอบก็ตามใจนะครับ)
2. ลบ number_format ออกนะครับ (เอาข้อมูลในฐานข้อมูลมาเลย)

แล้วก็ลองตามนี้ดูครับ
Code (PHP)

   <script type="text/javascript">
  function drawVisualization() {
    // Some raw data (not necessarily accurate)
    var data = google.visualization.arrayToDataTable([
      ['Month', 'ฝาก', 'ถอน', 'โอน'],
      ['มกราคม',  0,      0,         0],
      ['กุมภาพันธ์',  0,      0,        0],
      ['มีนาคม',  <?=$m3?>,      <?=$w3?>,         <?=$t3?>],
      ['เมษายน',  <?=$m4?>,      <?=$w4?>,         <?=$t4?>],
      ['พฤษภาคม',  0,      0,         0]
    ]);
 
    var options = {
      title : 'สถิติประจำปี พ.ศ. 2557',
      vAxis: {title: "Cups"},
      hAxis: {title: "เดือน"},
      seriesType: "bars",
      series: {5: {type: "line"}}
    };
    var formatter = new google.visualization.NumberFormat({
        fractionDigits: 7,//  จำนวนทศนิยม
        prefix: '฿'  //  ต่อท้ายเปลี่ยนเป็น suffix
    });
    formatter.format(data,1);
    formatter.format(data,2);
    formatter.format(data,3);
 
    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
  google.setOnLoadCallback(drawVisualization);
</script>

Date : 2014-04-12 15:41:45

By : ผู้มาเยือน

No. 17

kunnawut

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

ตอบความคิดเห็นที่ : 16 เขียนโดย : ผู้มาเยือน เมื่อวันที่ 2014-04-12 15:41:45

รายละเอียดของการตอบ ::

ขอบคุณมากๆคัฟ
like

Date : 2014-04-13 11:36:42

By : kunnawut

No. 18

Guest

ตอบความคิดเห็นที่ : 17 เขียนโดย : kunnawut เมื่อวันที่ 2014-04-13 11:36:42

รายละเอียดของการตอบ ::

ยินดีครับผม

Date : 2014-04-13 13:09:03

By : ผู้มาเยือน

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเรื่อง การดึงข้อมูลจากฐานข้อมูลมาทำเป็นกราฟคัฟ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Load balance : Server 04

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); [PHP] สอบถามเรื่อง การดึงข้อมูลจากฐานข้อมูลมาทำเป็นกราฟคัฟ

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

ค้นหาข้อมูล

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

Notice

[PHP] สอบถามเรื่อง การดึงข้อมูลจากฐานข้อมูลมาทำเป็นกราฟคัฟ