 สร้างสคริปต์ที่จะแสดงข้อมูลที่กำหนดเป็นแผนภูมิวงกลม
<html> <head> <title>แผนภูมิวงกลม</title> </head> <body> <canvas id="pieChart" width="400" height="400"></canvas> <script> const data = { "มกราคม": 20, "กุมภาพันธ์": 15, "มีนาคม": 10, "เมษายน": 25, "พฤษภาคม": 30 }; const pieChart = document.getElementById("pieChart").getContext("2d"); ให้ pieChartData = { ป้ายกำกับ: ["มกราคม", "กุมภาพันธ์", "มีนาคม", "เมษายน", "พฤษภาคม"], ชุดข้อมูล: [ { ป้ายกำกับ: "ข้อมูลรายเดือน", ข้อมูล: [ข้อมูล["มกราคม"], ข้อมูล ["กุมภาพันธ์"], ข้อมูล["มีนาคม"], ข้อมูล["เมษายน"], ข้อมูล["พฤษภาคม"]], พื้นหลังสี: [ 'rgba(255, 206, 86, 0.8)', 'rgba(54, 162 , 235, 0.8)', 'rgba(153, 102, 255, 0.8)', 'rgba(75, 192, 192, 0.8)', 'rgba(255, 159, 64, 0.8)' ] } ] }; ให้ pieChartOptions = { ตอบสนอง: จริง }; ให้ myPieChart = แผนภูมิใหม่ (แผนภูมิวงกลม, { ประเภท: 'พาย', ข้อมูล: pieChartData, ตัวเลือก: pieChartOptions }); </script></body> </html>