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 > ข้ออนุญาต สอบถามขอคำชี้แนะหน่อยครับ หากจะทำการ กำหนด สีตามความเสี่ยง ในการแสดง ของกราฟ เช่น ระดับ 1 เท่ากับปลอดภัย ให้เป็นสีเขียว ระดับ 2 เสี่ยงต่ำ ให้เป็นสีน้ำเงิน ระดับ 3 เสี่ยงสูง ให้เป็นสีเหลือง ระดับ 4 เสี่ยงสูงมาก ให้เป็นสีแดง แต่ตอนนี้ข้อมูลไม่ตรง



 

ข้ออนุญาต สอบถามขอคำชี้แนะหน่อยครับ หากจะทำการ กำหนด สีตามความเสี่ยง ในการแสดง ของกราฟ เช่น ระดับ 1 เท่ากับปลอดภัย ให้เป็นสีเขียว ระดับ 2 เสี่ยงต่ำ ให้เป็นสีน้ำเงิน ระดับ 3 เสี่ยงสูง ให้เป็นสีเหลือง ระดับ 4 เสี่ยงสูงมาก ให้เป็นสีแดง แต่ตอนนี้ข้อมูลไม่ตรง

 



Topic : 135966



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



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




ตัวอย่างภาพ


ตัวอย่างโค้ดครับ

----- ฐานข้อมูล-----


CREATE TABLE `perusal` (
`id_p` int(11) NOT NULL,
`house_number` varchar(100) NOT NULL COMMENT 'เลขที่บ้าน',
`home_owner` varchar(255) NOT NULL COMMENT 'ชื่อเจ้าของบ้าน',
`date_p` date NOT NULL COMMENT 'วันที่ตรวจ',
`water_container` varchar(10) NOT NULL COMMENT 'ภาชนะที่มีน้ำ',
`comma` varchar(10) NOT NULL COMMENT 'ภาชนะพี่พบยุงลาย',
`area` varchar(255) NOT NULL COMMENT 'พื้นที่',
`risk_level` varchar(10) NOT NULL COMMENT 'ระดับความเสี่ยง'
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

--
-- Dumping data for table `perusal`
--

INSERT INTO `perusal` (`id_p`, `house_number`, `home_owner`, `date_p`, `water_container`, `comma`, `area`, `risk_level`) VALUES
(2, '45', 'นายดกอไม้', '2021-03-07', '5', '10', 'ทะเล', '1'),
(3, '45', 'นายดกอไม้', '2021-03-08', '3', '5', 'บนต้นไม้', '4'),
(4, '54', 'ดกเดก', '2021-03-09', '5', '5', 'บนสพาน', '2'),
(5, '778', 'นายสมุด ปากกา', '2021-03-28', '5', '5', 'บนถนน', '3'),
(7, '9656', 'นายสมุด ปากกา', '2021-03-07', '3', '5', 'บนเก้าอี้', '4');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `perusal`
--
ALTER TABLE `perusal`
ADD PRIMARY KEY (`id_p`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `perusal`
--
ALTER TABLE `perusal`
MODIFY `id_p` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;


-------------------- โค้ดตัวอย่างครับ ------------------------------------


<?php
$servername = "localhost";
$username = "root";
$password = "12345678";
$dbname = "education";
$conn = mysqli_connect($servername, $username, $password, $dbname);

if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}

$sql = "SELECT * FROM perusal ";
$result = mysqli_query($conn, $sql);

if (mysqli_num_rows($result) > 0) {

while($row = mysqli_fetch_assoc($result)) {

$labels[] = $row['area'];

$data[] = $row['risk_level'];

}
}

mysqli_close($conn);
?>
<canvas id="myChart" width="400" height="200"></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.js"></script>
<script>
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
//type: 'bar',
//type: 'line',
type: 'pie',
data: {
labels: ['ปลอดภัย','เสี่ยงต่ำ','เสี่ยงสูง','เสี่ยงสูงมาก'],
datasets: [{
label: 'Report',
data: <?php echo json_encode($data, JSON_NUMERIC_CHECK);?>,

backgroundColor: [
'rgba(75, 192, 192, 5)',
'rgba(54, 162, 235, 5)',
'rgba(255, 206, 86, 5)',
'rgba(255, 99, 132, 5)',



'rgba(153, 102, 255, 5)',
'rgba(255, 159, 64, 5)'
],
borderColor: [
'rgba(255,99,132,1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 0
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
},
responsive: true,
title: {
display: true,
text: 'พื้นที่ระดับความเสี่ยง'
}
}
});
</script>



Tag : PHP, JavaScript









ประวัติการแก้ไข
2021-03-07 13:31:39
2021-03-07 13:37:34
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2021-03-07 13:30:51 By : narutokarp View : 682 Reply : 1
 

 

No. 1



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

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

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

ใส่สีเกิน data set
มีข้อมูล 4 set แต่ใส่สี 5 set






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-03-08 14:17:31 By : mongkon.k
 

   

ค้นหาข้อมูล


   
 

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