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

Registered : 107,503

HOME > PHP > PHP Forum > สอบถามเกี่ยวกับการสร้างกราฟจากฐานข้อมูลครับ





 

สอบถามเกี่ยวกับการสร้างกราฟจากฐานข้อมูลครับ

 



Topic : 123741



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



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




ใช้กราฟจาก canvas js ครับ
ผมต้องการดึงของมูลจากฐานข้อมูลมาใส่ลงในกราฟ แต่พอดึงลงมาแล้วกราฟจะหายไป เอาข้อมูลมาใว้ที่ data1 แล้วแสดงในกราฟ
column date type = date
column quantity type = varchar
Code (PHP)
<?php
	$data_points = array();
	$conn = mysqli_connect("localhost","root","","wb_kee");
	$sql = "SELECT * FROM tbl_sale";
	$query = mysqli_query($conn,$sql);
	while($result = mysqli_fetch_array($query)){
		$point = array("x" => $result["date"],"y" => $result["quantity"]);
		array_push($data_points, $point);
	}
	$encode = json_encode($data_points, JSON_NUMERIC_CHECK);
	echo $encode;
	mysqli_close($conn);
?>
<!DOCTYPE HTML>
<html>
<head>
<script src="jquery.min.js"></script>
<script src="canvasjs.min.js"></script>
<script type="text/javascript">
	window.onload = function () {
		var date1 = <?=$encode; ?>;
		var chart = new CanvasJS.Chart("chartContainer",
		{

			title:{
				text: "Site Traffic",
				fontSize: 30
			},
                        animationEnabled: true,
			axisX:{

				gridColor: "Silver",
				tickColor: "silver",
				valueFormatString: "DD/MMM/YYYY"

			},                        
                        toolTip:{
                          shared:true
                        },
			theme: "theme2",
			axisY: {
				gridColor: "Silver",
				tickColor: "silver",
				valueFormatString: "0฿"
			},
			legend:{
				verticalAlign: "center",
				horizontalAlign: "right"
			},
			data: [
			{        
				type: "line",
				showInLegend: true,
				lineThickness: 2,
				name: "Visits",
				// markerType: "square",
				color: "#F08080",

				dataPoints: date1
			}

			
			],
          legend:{
            cursor:"pointer",
            itemclick:function(e){
              if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
              	e.dataSeries.visible = false;
              }
              else{
                e.dataSeries.visible = true;
              }
              chart.render();
            }
          }
		});

chart.render();
}
</script>
</head>
<body>
	<div id="chartContainer" style="height: 300px; width: 600px;"></div>
</body>
</html>





Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax, jQuery









ประวัติการแก้ไข
2016-07-07 17:46:07
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-07-07 17:45:11 By : kikeeza01 View : 399 Reply : 1
 

 

No. 1



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

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

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

format ข้อมูลจาก DB มันตรงตามรูปแบบที่ตัวอย่างเขากำหนดมั้ยครับ?






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-07 21:35:33 By : Manussawin
 

   

ค้นหาข้อมูล


   
 

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

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