|
 |
| |
เปลี่ยนสีกราฟที่แสดงจากสีฟ้าทั้งคู่ให้กราฟที่ 1 เป็นสีฟ้า กราฟที่ 2 เป็นสีเขียวเปลี่ยนสีตรงส่วนไหนครับ |
| |
 |
|
|
 |
 |
|
Code (PHP)
<?php
//connect ฐานข้อมูล
$host = "localhost";
$user = "root";
$pwd = "12345678";
$db = "xx";
global $link;
$link = mysql_connect($host,$user,$pwd) or die ("Could not connect to MySQL");
mysql_query("SET NAMES UTF8",$link);
mysql_select_db($db,$link) or die ("Could not select $db database");
$yearsx = array(); // ตัวแปรแกน x
$yvalue = array(); //ตัวแปรแกน y
//sql สำหรับดึงข้อมูล จาก ฐานข้อมูล
$sql = "SELECT line.value,line.years FROM `line`";
//จบ sql
$result = mysql_query($sql);
while($row=mysql_fetch_array($result)) {
//array_push คือการนำค่าที่ได้จาก sql ใส่เข้าไปตัวแปร array
array_push($yvalue,$row[value]);
array_push($yearsx,$row[years]);
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<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/exporting.js"></script>
<script>
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'จำนวนนิสิต' //
},
subtitle: {
text: ''
},
xAxis: {
categories: ['<?= implode("','", $yearsx); //นำตัวแปร array แกน x มาใส่ ในที่นี้คือ เดือน?>']
},
yAxis: {
title: {
text: 'จำนวนนิสิต (คน)'
}
},
tooltip: {
enabled: true,
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y +'คน';
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
plotOptions: {
column: {
dataLabels: {
enabled: true
},
enableMouseTracking: true
}
},
series: [{
name: 'ปี',
data: [<?= implode(',', $yvalue) // ข้อมูล array แกน y ?>]
}]
});
});
</script>
<?php
//connect ฐานข้อมูล
$host = "localhost";
$user = "root";
$pwd = "12345678";
$db = "xx";
global $link;
$link = mysql_connect($host,$user,$pwd) or die ("Could not connect to MySQL");
mysql_query("SET NAMES UTF8",$link);
mysql_select_db($db,$link) or die ("Could not select $db database");
$yearsx = array(); // ตัวแปรแกน x
$yvalue = array(); //ตัวแปรแกน y
//sql สำหรับดึงข้อมูล จาก ฐานข้อมูล
$sql = "SELECT line_2.value,line_2.years FROM line_2";
//จบ sql
$result = mysql_query($sql);
while($row=mysql_fetch_array($result)) {
//array_push คือการนำค่าที่ได้จาก sql ใส่เข้าไปตัวแปร array
array_push($yvalue,$row[value]);
array_push($yearsx,$row[years]);
}
?>
<script>
$(function () {
$('#containers').highcharts({
chart: {
type: 'column'
},
title: {
text: 'จำนวนนิสิตปริญญาตรีจำเร็จการศึกษา' //
},
subtitle: {
text: ''
},
xAxis: {
categories: ['<?= implode("','", $yearsx); //นำตัวแปร array แกน x มาใส่ ในที่นี้คือ เดือน?>']
},
yAxis: {
title: {
text: 'จำนวนนิสิต (คน)'
}
},
tooltip: {
enabled: true,
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y +'คน';
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
plotOptions: {
column: {
dataLabels: {
enabled: true
},
enableMouseTracking: true
}
},
series: [{
name: 'ปี',
data: [<?= implode(',', $yvalue) // ข้อมูล array แกน y ?>]
}]
});
});
</script>
</head>
<body>
<div id="container" style="min-width: 320px; height: 380px; margin: 0 auto"></div>
<div id="containers" style="min-width: 320px; height: 380px; margin: 0 auto"></div>
</body>
</html>
Tag : PHP, MySQL
|
|
|
 |
 |
 |
 |
| Date :
2017-09-05 13:48:13 |
By :
mininovaa |
View :
2876 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
|
| |
|
 Load balance : Server 00
|
