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 > รบกวนพี่ๆ ช่วยสร้าง Function กราฟ ให้หนอ่ยครับ มีตัวอย่างให้ดูด้านไหนน่ะครับ คิดไม่ออกแหะๆ



 

รบกวนพี่ๆ ช่วยสร้าง Function กราฟ ให้หนอ่ยครับ มีตัวอย่างให้ดูด้านไหนน่ะครับ คิดไม่ออกแหะๆ

 



Topic : 112819



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



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




Code (JavaScript)
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});

      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);

      // Callback that creates and populates a data table,
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {

        // Create the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');

		$.post('check_query/check_graph_hotel.php',function(res){
			var txt = res.split(",");
			var count = txt.length;

			for(x=0;x<count;x++){
				var txt2=txt[x].split("%");

					alert(txt2[0]);
					alert(txt2[1]);

			}
		});

				data.addRows([
				  ['Bangkok 300', 300],
				  ['Pattaya 100', 100],
				  ['Chaing Mai 120', 120],
				  ['Krabi 80', 80],
				  ['Phuket 62', 62],
				  ['P 62', 62]
				]);

        // Set chart options
        var options = {'title':'How much Hotels on this period',
                       'width':800,
                       'height':600};

        // Instantiate and draw our chart, passing in some options.
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>


พี่ๆครับ จาก code ด้านบน ผมต้องการสร้าง ข้อมูลสำหรับ plot กราฟ ด้วยฐานข้อมูลที่ผมเตรียมไว้น่ะครับ

ประเด็นคือผมไม่รู้ว่าจะใส่ข้อมูลเข้าไปใน function addRows อย่างไรดีอ่ะครับ

โดยตัวแปร res ที่ได้จะมีข้อมูลดังนี้ 1%Bangkok,2%Phuket,4%Krabi,10%Rayong อ่ะครับ



Tag : PHP, JavaScript, jQuery








ประวัติการแก้ไข
2014-11-25 11:12:50
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-11-25 10:05:19 By : nut_ch31 View : 779 Reply : 6
 

 

No. 1



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



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


for(x=0;x<count;x++){
var txt2=txt[x].split("%");

alert(txt2[0]);
alert(txt2[1]);
}

ตรงชุดคำสั่งนี้คือ ผมได้ตัวแปรที่ต้องการแล้วน่ะครับ เหลือ apply กับฟังชั่น addrow อย่างไรดี ผมเอาใส่ไม่ถูก Y Y


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-25 11:22:28 By : nut_ch31
 


 

No. 2



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



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

ผมยังไม่เข้าใจว่าต้องการอะไร คือคุณต้องการเอาข้อมูลในฐานมูลมาแสดงออกเป็นกราฟ ไช่หรือเปล่าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-25 14:41:07 By : LAGO
 

 

No. 3



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



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

แต่ถ้าจะเรียกใช้กับฐานข้อมูล ตัวอย่างนี้อาจจะพอช่วยได้นะครับ
Code (PHP)
<?
     $studentsSQL = "select * from  class_data  where  t_avid='".$av_id."' order by t_id";
     $studentsQRY = mysql_db_query($dbname, $studentsSQL);
	 $t=0;
     while($studentsRS = mysql_fetch_object($studentsQRY)){
          $t_id = $studentsRS -> t_id;
          $t_avid = $studentsRS -> t_avid;
          $t1 = $studentsRS -> t1;
		  $t2 = $studentsRS -> t2;
		  $t3 = $studentsRS -> t3;
		  $t4 = $studentsRS -> t4;
		  $t5 = $studentsRS -> t5;
		  $t6 = $studentsRS -> t6;
		  $t7 = $studentsRS -> t7;
		  $t8 = $studentsRS -> t8;
		  $t9 = $studentsRS -> t9;
		  $t10 = $studentsRS -> t10;
		  $t11 = $studentsRS -> t11;
		  $t12 = $studentsRS -> t12;
		  $t++;
?>
  <html>
  <head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {

  var data = google.visualization.arrayToDataTable([
    ['ระดับชั้น', 'ชาย', 'หญิง'],
['ม.๑',  <? echo"".$t1."";?>,      <? echo"".$t2."";?>],
['ม.๒',  <? echo"".$t3."";?>,     <? echo"".$t4."";?>],
['ม.๓',  <? echo"".$t5."";?>,      <? echo"".$t6."";?>],
['ม.๔',  <? echo"".$t7."";?>,      <? echo"".$t8."";?>],
['ม.๕',  <? echo"".$t9."";?>,      <? echo"".$t10."";?>],
['ม.๖',  <? echo"".$t11."";?>,      <? echo"".$t12."";?>]
  ]);

  var options = {
    title: 'สรุปจำนวนนักเรียนชาย-หญิงระดับชั้นมัธยมศึกษา <? echo "".$av_cat."";?> ',
    hAxis: {title: 'ระดับชั้นมัธยม', titleTextStyle: {color: 'red'}}
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));

  chart.draw(data, options);

}
    </script>
  </head>
  <body>
<div id="chart_div" style="width: 710; height: 500px;"></div>
  </body>
</html>
</td></tr><? } ?>	
</table>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-25 14:47:43 By : LAGO
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : LAGO เมื่อวันที่ 2014-11-25 14:47:43
รายละเอียดของการตอบ ::
ประเด็นคือค่าที่ผมได้มันไม่คงที่อ่ะครับ ผมอาจจะมีได้มากกว่า 10 ค่าอ่ะครับ เพราะมันมีหลายจังหวัดอ่ะครับ แต่ที่พี่ให้ผมมามันเหมือนกับต้องฟิกว่า กราฟ นั้นมีได้กี่ส่วนอ่ะครับ แต่ของผมมันไม่ตายตัวอ่ะครับ


ประวัติการแก้ไข
2014-11-25 16:41:05
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-25 16:40:05 By : nut_ch31
 


 

No. 5



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



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

พอเข้าใจแล้ว
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-25 16:52:16 By : LAGO
 


 

No. 6



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



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

ลองใช้ array ดูครับ หรือดูจากตัวนี้ครับ
https://www.dropbox.com/s/6l3n7nelqm3vuxy/chart_MySQL_PHP_column.pdf
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-25 17:03:19 By : LAGO
 

   

ค้นหาข้อมูล
   
 

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