\u0e01\u0e23\u0e32\u0e1f\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2568<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n },\n },\n },\n };\n <\/script>\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f3f4f6;\n }\n \/* \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07 canvas \u0e43\u0e2b\u0e49\u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d *\/\n .chart-container {\n position: relative;\n height: 80vh;\n width: 90vw;\n max-width: 900px;\n }\n <\/style>\n<\/head>\n<body class=\"flex items-center justify-center min-h-screen p-4\">\n\n <div class=\"bg-white p-6 rounded-xl shadow-lg w-full max-w-4xl\">\n <h1 class=\"text-2xl font-bold text-center mb-4 text-gray-800\">\n \u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e1a\u0e33\u0e40\u0e2b\u0e19\u0e47\u0e08\u0e13\u0e23\u0e07\u0e04\u0e4c \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2568\n <\/h1>\n \n <div class=\"flex flex-col sm:flex-row justify-around items-center text-center mb-6 text-gray-700 font-medium space-y-4 sm:space-y-0\">\n <div class=\"p-4 bg-blue-50 rounded-xl w-full sm:w-auto mx-2\">\n <p class=\"text-xl font-bold text-blue-600\" id=\"totalMale\"><\/p>\n <p>\u0e23\u0e27\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22<\/p>\n <\/div>\n <div class=\"p-4 bg-pink-50 rounded-xl w-full sm:w-auto mx-2\">\n <p class=\"text-xl font-bold text-pink-600\" id=\"totalFemale\"><\/p>\n <p>\u0e23\u0e27\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07<\/p>\n <\/div>\n <div class=\"p-4 bg-gray-100 rounded-xl w-full sm:w-auto mx-2\">\n <p class=\"text-xl font-bold text-gray-800\" id=\"totalStudents\"><\/p>\n <p>\u0e23\u0e27\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/p>\n <\/div>\n <\/div>\n \n <div class=\"chart-container mx-auto\">\n <canvas id=\"studentChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e44\u0e1f\u0e25\u0e4c CSV\n const maleData = [76, 64, 53, 57, 49]; \/\/ \u0e1b\u0e27\u0e0a.1, \u0e1b\u0e27\u0e0a.2, \u0e1b\u0e27\u0e0a.3, \u0e1b\u0e27\u0e2a.1, \u0e1b\u0e27\u0e2a.2 (\u0e0a\u0e32\u0e22)\n const femaleData = [22, 36, 19, 28, 27]; \/\/ \u0e1b\u0e27\u0e0a.1, \u0e1b\u0e27\u0e0a.2, \u0e1b\u0e27\u0e0a.3, \u0e1b\u0e27\u0e2a.1, \u0e1b\u0e27\u0e2a.2 (\u0e2b\u0e0d\u0e34\u0e07)\n const labels = ['\u0e1b\u0e27\u0e0a.1', '\u0e1b\u0e27\u0e0a.2', '\u0e1b\u0e27\u0e0a.3', '\u0e1b\u0e27\u0e2a.1', '\u0e1b\u0e27\u0e2a.2'];\n\n \/\/ \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e01\u0e23\u0e32\u0e1f\n const data = {\n labels: labels,\n datasets: [\n {\n label: '\u0e0a\u0e32\u0e22',\n data: maleData,\n backgroundColor: 'rgba(59, 130, 246, 0.8)', \/\/ \u0e2a\u0e35\u0e1f\u0e49\u0e32\n borderColor: 'rgba(59, 130, 246, 1)',\n borderWidth: 1,\n borderRadius: 8,\n },\n {\n label: '\u0e2b\u0e0d\u0e34\u0e07',\n data: femaleData,\n backgroundColor: 'rgba(236, 72, 153, 0.8)', \/\/ \u0e2a\u0e35\u0e0a\u0e21\u0e1e\u0e39\n borderColor: 'rgba(236, 72, 153, 1)',\n borderWidth: 1,\n borderRadius: 8,\n }\n ]\n };\n\n const config = {\n type: 'bar', \/\/ \u0e0a\u0e19\u0e34\u0e14\u0e02\u0e2d\u0e07\u0e01\u0e23\u0e32\u0e1f\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e23\u0e32\u0e1f\u0e41\u0e17\u0e48\u0e07\n data: data,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: {\n stacked: false,\n grid: {\n display: false\n },\n title: {\n display: true,\n text: '\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32'\n }\n },\n y: {\n stacked: false,\n beginAtZero: true,\n title: {\n display: true,\n text: '\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19'\n }\n }\n },\n plugins: {\n legend: {\n position: 'top',\n labels: {\n font: {\n size: 14\n }\n }\n },\n title: {\n display: false,\n }\n }\n }\n };\n\n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e23\u0e32\u0e1f\u0e41\u0e25\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e23\u0e27\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d DOM \u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\n window.onload = function() {\n \/\/ \u0e04\u0e33\u0e19\u0e27\u0e13\u0e22\u0e2d\u0e14\u0e23\u0e27\u0e21\u0e08\u0e32\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\n const totalMale = maleData.reduce((sum, current) => sum + current, 0);\n const totalFemale = femaleData.reduce((sum, current) => sum + current, 0);\n const totalStudents = totalMale + totalFemale;\n\n \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e22\u0e2d\u0e14\u0e23\u0e27\u0e21\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\n document.getElementById('totalMale').textContent = totalMale;\n document.getElementById('totalFemale').textContent = totalFemale;\n document.getElementById('totalStudents').textContent = totalStudents;\n\n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e23\u0e32\u0e1f\n const studentChart = new Chart(\n document.getElementById('studentChart'),\n config\n );\n };\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n<div class=\"pvc_clear\"><\/div><p class=\"pvc_stats all \" data-element-id=\"489\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> 17,372 total views, 2 views today<\/p><div class=\"pvc_clear\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e2d\u0e31\u0e1e\u0e40\u0e14\u0e17\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d 11<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"489\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> 17,372 total views, 2 views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"spay_email":""},"_links":{"self":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/489"}],"collection":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=489"}],"version-history":[{"count":26,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/489\/revisions"}],"predecessor-version":[{"id":9304,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/489\/revisions\/9304"}],"wp:attachment":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":489,"date":"2019-03-26T14:22:57","date_gmt":"2019-03-26T14:22:57","guid":{"rendered":"http:\/\/localhost\/bm\/?page_id=489"},"modified":"2025-08-10T08:53:02","modified_gmt":"2025-08-10T01:53:02","slug":"%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99-%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b8%a8%e0%b8%b6%e0%b8%81%e0%b8%a9%e0%b8%b2","status":"publish","type":"page","link":"https:\/\/bamnet.ac.th\/?page_id=489","title":{"rendered":"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32"},"content":{"rendered":"\n

\u0e2d\u0e31\u0e1e\u0e40\u0e14\u0e17\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d 11\u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2568<\/p>\n\n\n\n

\n\n\n\n\n\n\n \n \n \u0e01\u0e23\u0e32\u0e1f\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2568<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n },\n },\n },\n };\n <\/script>\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f3f4f6;\n }\n \/* \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07 canvas \u0e43\u0e2b\u0e49\u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d *\/\n .chart-container {\n position: relative;\n height: 80vh;\n width: 90vw;\n max-width: 900px;\n }\n <\/style>\n<\/head>\n<body class=\"flex items-center justify-center min-h-screen p-4\">\n\n <div class=\"bg-white p-6 rounded-xl shadow-lg w-full max-w-4xl\">\n <h1 class=\"text-2xl font-bold text-center mb-4 text-gray-800\">\n \u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e1a\u0e33\u0e40\u0e2b\u0e19\u0e47\u0e08\u0e13\u0e23\u0e07\u0e04\u0e4c \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2568\n <\/h1>\n \n <div class=\"flex flex-col sm:flex-row justify-around items-center text-center mb-6 text-gray-700 font-medium space-y-4 sm:space-y-0\">\n <div class=\"p-4 bg-blue-50 rounded-xl w-full sm:w-auto mx-2\">\n <p class=\"text-xl font-bold text-blue-600\" id=\"totalMale\"><\/p>\n <p>\u0e23\u0e27\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22<\/p>\n <\/div>\n <div class=\"p-4 bg-pink-50 rounded-xl w-full sm:w-auto mx-2\">\n <p class=\"text-xl font-bold text-pink-600\" id=\"totalFemale\"><\/p>\n <p>\u0e23\u0e27\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07<\/p>\n <\/div>\n <div class=\"p-4 bg-gray-100 rounded-xl w-full sm:w-auto mx-2\">\n <p class=\"text-xl font-bold text-gray-800\" id=\"totalStudents\"><\/p>\n <p>\u0e23\u0e27\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/p>\n <\/div>\n <\/div>\n \n <div class=\"chart-container mx-auto\">\n <canvas id=\"studentChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e44\u0e1f\u0e25\u0e4c CSV\n const maleData = [76, 64, 53, 57, 49]; \/\/ \u0e1b\u0e27\u0e0a.1, \u0e1b\u0e27\u0e0a.2, \u0e1b\u0e27\u0e0a.3, \u0e1b\u0e27\u0e2a.1, \u0e1b\u0e27\u0e2a.2 (\u0e0a\u0e32\u0e22)\n const femaleData = [22, 36, 19, 28, 27]; \/\/ \u0e1b\u0e27\u0e0a.1, \u0e1b\u0e27\u0e0a.2, \u0e1b\u0e27\u0e0a.3, \u0e1b\u0e27\u0e2a.1, \u0e1b\u0e27\u0e2a.2 (\u0e2b\u0e0d\u0e34\u0e07)\n const labels = ['\u0e1b\u0e27\u0e0a.1', '\u0e1b\u0e27\u0e0a.2', '\u0e1b\u0e27\u0e0a.3', '\u0e1b\u0e27\u0e2a.1', '\u0e1b\u0e27\u0e2a.2'];\n\n \/\/ \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e01\u0e23\u0e32\u0e1f\n const data = {\n labels: labels,\n datasets: [\n {\n label: '\u0e0a\u0e32\u0e22',\n data: maleData,\n backgroundColor: 'rgba(59, 130, 246, 0.8)', \/\/ \u0e2a\u0e35\u0e1f\u0e49\u0e32\n borderColor: 'rgba(59, 130, 246, 1)',\n borderWidth: 1,\n borderRadius: 8,\n },\n {\n label: '\u0e2b\u0e0d\u0e34\u0e07',\n data: femaleData,\n backgroundColor: 'rgba(236, 72, 153, 0.8)', \/\/ \u0e2a\u0e35\u0e0a\u0e21\u0e1e\u0e39\n borderColor: 'rgba(236, 72, 153, 1)',\n borderWidth: 1,\n borderRadius: 8,\n }\n ]\n };\n\n const config = {\n type: 'bar', \/\/ \u0e0a\u0e19\u0e34\u0e14\u0e02\u0e2d\u0e07\u0e01\u0e23\u0e32\u0e1f\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e23\u0e32\u0e1f\u0e41\u0e17\u0e48\u0e07\n data: data,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: {\n stacked: false,\n grid: {\n display: false\n },\n title: {\n display: true,\n text: '\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32'\n }\n },\n y: {\n stacked: false,\n beginAtZero: true,\n title: {\n display: true,\n text: '\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19'\n }\n }\n },\n plugins: {\n legend: {\n position: 'top',\n labels: {\n font: {\n size: 14\n }\n }\n },\n title: {\n display: false,\n }\n }\n }\n };\n\n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e23\u0e32\u0e1f\u0e41\u0e25\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e23\u0e27\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d DOM \u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\n window.onload = function() {\n \/\/ \u0e04\u0e33\u0e19\u0e27\u0e13\u0e22\u0e2d\u0e14\u0e23\u0e27\u0e21\u0e08\u0e32\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\n const totalMale = maleData.reduce((sum, current) => sum + current, 0);\n const totalFemale = femaleData.reduce((sum, current) => sum + current, 0);\n const totalStudents = totalMale + totalFemale;\n\n \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e22\u0e2d\u0e14\u0e23\u0e27\u0e21\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\n document.getElementById('totalMale').textContent = totalMale;\n document.getElementById('totalFemale').textContent = totalFemale;\n document.getElementById('totalStudents').textContent = totalStudents;\n\n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e23\u0e32\u0e1f\n const studentChart = new Chart(\n document.getElementById('studentChart'),\n config\n );\n };\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n<div class=\"pvc_clear\"><\/div><p class=\"pvc_stats all \" data-element-id=\"489\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> 17,372 total views, 2 views today<\/p><div class=\"pvc_clear\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e2d\u0e31\u0e1e\u0e40\u0e14\u0e17\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d 11<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"489\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> 17,372 total views, 2 views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"spay_email":""},"_links":{"self":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/489"}],"collection":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=489"}],"version-history":[{"count":26,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/489\/revisions"}],"predecessor-version":[{"id":9304,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/489\/revisions\/9304"}],"wp:attachment":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}