|
 |
| |
สอบถามเกี่ยวกับการสร้างกราฟจากฐานข้อมูลครับ |
| |
 |
|
|
 |
 |
|
ใช้กราฟจาก 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
|
 |
 |
 |
 |
| Date :
2016-07-07 17:45:11 |
By :
kikeeza01 |
View :
1097 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
format ข้อมูลจาก DB มันตรงตามรูปแบบที่ตัวอย่างเขากำหนดมั้ยครับ?
|
| |
|
|
| |
| Date :
2016-07-07 21:35:33 |
By :
Manussawin |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
