 สร้างหน้าเว็บที่แสดงข้อมูลต่อไปนี้เป็นแผนภูมิแท่ง
<html> <head> <title>แผนภูมิแท่ง</title> </head> <body> <canvas id="barChart" width="400" height="400"></canvas> <script> const data = { "มกราคม": 20, "กุมภาพันธ์": 15, "มีนาคม": 10, "เมษายน": 25, "พฤษภาคม": 30 }; const barChart = document.getElementById("barChart").getContext("2d"); ให้ barChartData = { ป้ายกำกับ: ["มกราคม", "กุมภาพันธ์", "มีนาคม", "เมษายน", "พฤษภาคม"], ชุดข้อมูล: [ { ป้ายกำกับ: "ข้อมูลรายเดือน", ข้อมูล: [ข้อมูล["มกราคม"], ข้อมูล ["กุมภาพันธ์"], ข้อมูล["มีนาคม"], ข้อมูล["เมษายน"], ข้อมูล["พฤษภาคม"]], พื้นหลังสี: "#FFCE56" } ] }; ให้ barChartOptions = { ตอบสนอง: จริง, สเกล: { yAxes: [{ ขีด: {beginAtZero:true } }] } }; ให้ myBarChart = แผนภูมิใหม่ (barChart, { ประเภท: 'bar', ข้อมูล: barChartData, ตัวเลือก: barChartOptions }); </script></body> </html>