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 > ตัวอย่างเป็นกราฟแท่งแสดงแถวเดียว อยากแสดงเป็น 2 แถวครับ



 

ตัวอย่างเป็นกราฟแท่งแสดงแถวเดียว อยากแสดงเป็น 2 แถวครับ

 



Topic : 110112



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



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




คือผมอยากจะ select มาโชว์ที่ column b เพื่อแสดงเป็น 2 แถวอ่ะครับ


อผ

Code (PHP)
<?php
require_once ("../include/connection.php"); 
$month=array(1=>'มกราคม',2=>'กุมภาพันธ์',3=>'มีนาคม',4=>'เมษายน',5=>'พฤษภาคม',6=>'มิถุนายน',7=>'กรกฎาคม',8=>'สิงหาคม',9=>'กันยายน',10=>'ตุลาคม',11=>'พฤศจิกายน',12=>'ธันวาคม');

$s1=" SELECT DATE_FORMAT(date2member,'%c') AS month,count(userID) AS a 
FROM user  WHERE YEAR(date2member) = '2014' 
GROUP BY YEAR(date2member), MONTH(date2member) ORDER BY DATE_FORMAT(date2member,'%m') ASC  ";

$rs_report=mysql_query($s1) or die(mysql_error());
$chart="['ประจำเดือน','a']";

while($show_report=mysql_fetch_assoc($rs_report))
{ 
     $report_arr[$show_report['month']] = $show_report['a'];
}
foreach($month as $key_m => $val_m)
{
 $chart.=",['".$val_m."',".($report_arr[$key_m]*1)."]";
}
?>


<!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>
 <title>Highcharts Example</title>
<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/data.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script> 
<script type="text/javascript">
	$(function () {
    $('#container').highcharts({
        data: {
            table: document.getElementById('datatable')
        },
        chart: {
            type: 'column'
        },
        title: {
            text: 'สรุปจำนวนการใช้สนาม'
        },
        yAxis: {
            allowDecimals: false,
            title: {
                text: 'จำนวน(คน)'
            }
        },
        tooltip: {
            formatter: function() {
                return '<b>'+ this.series.name +'</b><br/>'+
                   // this.point.y +' '+ this.point.name.toLowerCase();
				   this.point.y;
            }
        }
    });
});
		
</script>

</head>
<body>
 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

<table id="datatable">
<thead>
		<tr>
			<th width="92">เดือน</th>
			<th width="76">a</th>
            <th width="76">b</th> 
		
		</tr>
	</thead>
  <?php  
  $totalRevenue=0;
  foreach($month as $key_m => $val_m)
  {
  ?>
  <tr  class="data">
    <td  class="data" align="center" bgcolor=""><?=$val_m?></td>
    <td   class="data"align="center" bgcolor=""><?=number_format(($report_arr[$key_m]))?></td>
  	
  <? } ?>
  </tr>
</body>
</html>






Tag : PHP, MySQL, JavaScript









ประวัติการแก้ไข
2014-07-22 11:17:31
2014-07-22 11:17:54
2014-07-22 11:18:58
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-07-22 11:16:24 By : jpong7 View : 2317 Reply : 1
 

 

No. 1



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



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


ของผมเป็นแบบนี้ลองเอาไปปรับใช้ดูคับ เพิ่มหลัง tooltip
Code (PHP)
plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: 'Tokyo',
            data: [<?= implode(',', $monthx); //นำตัวแปร array แกน x มาใส่ ในที่นี้คือ เดือน?>]
    
        }, {
            name: 'New York',
            data: [<?= implode(',', $monthx2) // ข้อมูล array แกน y ?>]
    
        }







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-29 13:56:57 By : raulmaster
 

   

ค้นหาข้อมูล


   
 

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