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 เสี่ยงสูงมาก ให้เป็นสีแดง แต่ตอนนี้ข้อมูลไม่ตรง

เริ่มหัวข้อใหม่

narutokarp

โพสกระทู้ ( 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

Date : 2021-03-07 13:30:51

By : narutokarp

View : 673

Reply : 1

No. 1

Mongkon.k

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

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

Date : 2021-03-08 14:17:31

By : mongkon.k

ค้นหาข้อมูล

แสดงความคิดเห็น

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

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05

Registered : 109,037

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice