{"id":1693,"date":"2026-02-18T13:39:47","date_gmt":"2026-02-18T06:39:47","guid":{"rendered":"https:\/\/nakhonphanom.doae.go.th\/nawa\/?page_id=1693"},"modified":"2026-02-18T13:47:26","modified_gmt":"2026-02-18T06:47:26","slug":"%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%97%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b9%80%e0%b8%81%e0%b8%a9%e0%b8%95%e0%b8%a3%e0%b8%81%e0%b8%a3","status":"publish","type":"page","link":"https:\/\/nakhonphanom.doae.go.th\/nawa\/%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%9e%e0%b8%b7%e0%b9%89%e0%b8%99%e0%b8%90%e0%b8%b2%e0%b8%99%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%81%e0%b8%a9%e0%b8%95%e0%b8%a3\/%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%97%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b9%80%e0%b8%81%e0%b8%a9%e0%b8%95%e0%b8%a3%e0%b8%81%e0%b8%a3\/","title":{"rendered":"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body { font-family: 'Sarabun', sans-serif; background-color: #f8fafc; }\n        .dashboard-card { background: white; border-radius: 0.75rem; border: 1px solid #e2e8f0; transition: all 0.2s; }\n        .dashboard-card:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05); }\n        .chart-container { position: relative; height: 280px; width: 100%; }\n        select { background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; appearance: none; }\n    <\/style>\n<\/head>\n<body class=\"p-2 md:p-4\">\n\n<div class=\"max-w-7xl mx-auto\">\n    <div class=\"mb-6 flex flex-col md:flex-row md:items-center justify-between gap-4\">\n        <div>\n            <h1 class=\"text-2xl font-bold text-slate-800 tracking-tight\">\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23<\/h1>\n            <p class=\"text-slate-500 text-sm\">\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e32\u0e30\u0e1b\u0e25\u0e39\u0e01<\/p>\n        <\/div>\n        <div class=\"bg-emerald-50 text-emerald-700 px-3 py-1 rounded-full text-xs font-semibold border border-emerald-100 self-start\">\n            \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e1b\u0e35 2568\n        <\/div>\n    <\/div>\n\n    <div class=\"dashboard-card p-4 mb-6 grid grid-cols-1 md:grid-cols-3 gap-4 shadow-sm\">\n        <div>\n            <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1 ml-1\">\u0e1b\u0e35 \u0e1e.\u0e28.<\/label>\n            <select id=\"filterYear\" class=\"w-full border border-slate-200 rounded-lg p-2 text-sm focus:ring-2 focus:ring-emerald-500 outline-none cursor-pointer\" onchange=\"updateDashboard()\">\n                <option value=\"All\">\u0e41\u0e2a\u0e14\u0e07\u0e17\u0e38\u0e01\u0e1b\u0e35<\/option>\n                <option value=\"2563\">2563<\/option>\n                <option value=\"2564\">2564<\/option>\n                <option value=\"2565\">2565<\/option>\n                <option value=\"2566\">2566<\/option>\n                <option value=\"2567\">2567<\/option>\n                <option value=\"2568\">2568<\/option>\n            <\/select>\n        <\/div>\n        <div>\n            <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1 ml-1\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e15\u0e33\u0e1a\u0e25<\/label>\n            <select id=\"filterTambon\" class=\"w-full border border-slate-200 rounded-lg p-2 text-sm focus:ring-2 focus:ring-emerald-500 outline-none cursor-pointer\" onchange=\"updateDashboard()\">\n                <option value=\"All\">\u0e17\u0e38\u0e01\u0e15\u0e33\u0e1a\u0e25<\/option>\n                <option value=\"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\">\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32<\/option>\n                <option value=\"\u0e19\u0e32\u0e07\u0e31\u0e27\">\u0e19\u0e32\u0e07\u0e31\u0e27<\/option>\n                <option value=\"\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e27\">\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e27<\/option>\n                <option value=\"\u0e19\u0e32\u0e04\u0e39\u0e13\u0e43\u0e2b\u0e0d\u0e48\">\u0e19\u0e32\u0e04\u0e39\u0e13\u0e43\u0e2b\u0e0d\u0e48<\/option>\n                <option value=\"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\">\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32<\/option>\n                <option value=\"\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\">\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d<\/option>\n            <\/select>\n        <\/div>\n        <div>\n            <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1 ml-1\">\u0e0a\u0e19\u0e34\u0e14\u0e1e\u0e37\u0e0a<\/label>\n            <select id=\"filterCrop\" class=\"w-full border border-slate-200 rounded-lg p-2 text-sm focus:ring-2 focus:ring-emerald-500 outline-none cursor-pointer\" onchange=\"updateDashboard()\">\n                <option value=\"All\">\u0e17\u0e38\u0e01\u0e0a\u0e19\u0e34\u0e14\u0e1e\u0e37\u0e0a<\/option>\n                <option value=\"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\">\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35<\/option>\n                <option value=\"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\">\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07<\/option>\n                <option value=\"\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\">\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32<\/option>\n                <option value=\"\u0e21\u0e31\u0e19\u0e2a\u0e33\u0e1b\u0e30\u0e2b\u0e25\u0e31\u0e07\">\u0e21\u0e31\u0e19\u0e2a\u0e33\u0e1b\u0e30\u0e2b\u0e25\u0e31\u0e07<\/option>\n                <option value=\"\u0e2d\u0e49\u0e2d\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\">\u0e2d\u0e49\u0e2d\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19<\/option>\n                <option value=\"\u0e21\u0e30\u0e1e\u0e23\u0e49\u0e32\u0e27\">\u0e21\u0e30\u0e1e\u0e23\u0e49\u0e32\u0e27<\/option>\n                <option value=\"\u0e1b\u0e32\u0e25\u0e4c\u0e21\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\">\u0e1b\u0e32\u0e25\u0e4c\u0e21\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19<\/option>\n                <option value=\"\u0e1e\u0e37\u0e0a\u0e1c\u0e31\u0e01\">\u0e1e\u0e37\u0e0a\u0e1c\u0e31\u0e01<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4 mb-8 text-center\">\n        <div class=\"dashboard-card p-5 border-t-4 border-emerald-500\">\n            <h3 class=\"text-slate-400 text-xs font-bold uppercase tracking-wider\">\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e39\u0e01\u0e23\u0e27\u0e21 (\u0e44\u0e23\u0e48)<\/h3>\n            <p id=\"totalArea\" class=\"text-3xl font-bold text-slate-800 mt-1\">0<\/p>\n        <\/div>\n        <div class=\"dashboard-card p-5 border-t-4 border-blue-500\">\n            <h3 class=\"text-slate-400 text-xs font-bold uppercase tracking-wider\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e23\u0e27\u0e21<\/h3>\n            <p id=\"totalPlots\" class=\"text-3xl font-bold text-slate-800 mt-1\">0<\/p>\n        <\/div>\n        <div class=\"dashboard-card p-5 border-t-4 border-orange-500\">\n            <h3 class=\"text-slate-400 text-xs font-bold uppercase tracking-wider\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e04\u0e23\u0e31\u0e27\u0e40\u0e23\u0e37\u0e2d\u0e19<\/h3>\n            <p id=\"totalHouseholds\" class=\"text-3xl font-bold text-slate-800 mt-1\">0<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <div class=\"dashboard-card p-6\">\n            <h2 class=\"text-sm font-bold text-slate-700 mb-6 flex items-center\">\n                <span class=\"w-1.5 h-4 bg-emerald-500 rounded-full mr-2\"><\/span>\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e39\u0e01\u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e15\u0e33\u0e1a\u0e25\n            <\/h2>\n            <div class=\"chart-container\">\n                <canvas id=\"barChart\"><\/canvas>\n            <\/div>\n        <\/div>\n\n        <div class=\"dashboard-card p-6\">\n            <h2 class=\"text-sm font-bold text-slate-700 mb-6 flex items-center\">\n                <span class=\"w-1.5 h-4 bg-blue-500 rounded-full mr-2\"><\/span>\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e08\u0e33\u0e19\u0e27\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e15\u0e32\u0e21\u0e0a\u0e19\u0e34\u0e14\u0e1e\u0e37\u0e0a\n            <\/h2>\n            <div class=\"chart-container flex justify-center\">\n                <canvas id=\"pieChart\"><\/canvas>\n            <\/div>\n        <\/div>\n\n        <div class=\"dashboard-card p-6 lg:col-span-2\">\n            <h2 class=\"text-sm font-bold text-slate-700 mb-6 flex items-center\">\n                <span class=\"w-1.5 h-4 bg-purple-500 rounded-full mr-2\"><\/span>\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e39\u0e01\u0e23\u0e32\u0e22\u0e1b\u0e35 (\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21)\n            <\/h2>\n            <div class=\"chart-container\" style=\"height: 250px;\">\n                <canvas id=\"lineChart\"><\/canvas>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nconst rawData = [\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2833, plot: 5175, area: 32702.79 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2172, plot: 4194, area: 29899.73 },\n    { tambon: \"\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e27\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 1474, plot: 2759, area: 16469.83 },\n    { tambon: \"\u0e19\u0e32\u0e04\u0e39\u0e13\u0e43\u0e2b\u0e0d\u0e48\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 514, plot: 872, area: 4896.75 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2075, plot: 3815, area: 25983.92 },\n    { tambon: \"\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 1223, plot: 2424, area: 12458.04 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 107, plot: 142, area: 947.73 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 148, plot: 186, area: 1100.08 },\n    { tambon: \"\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e27\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 274, plot: 339, area: 2160.24 },\n    { tambon: \"\u0e19\u0e32\u0e04\u0e39\u0e13\u0e43\u0e2b\u0e0d\u0e48\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 27, plot: 37, area: 184.25 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 469, plot: 564, area: 4071.31 },\n    { tambon: \"\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\", year: \"2563\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 113, plot: 153, area: 707.52 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2563\", crop: \"\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\", hh: 17, plot: 19, area: 164.79 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2563\", crop: \"\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\", hh: 41, plot: 62, area: 432.23 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2563\", crop: \"\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\", hh: 66, plot: 81, area: 384.76 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2563\", crop: \"\u0e1b\u0e32\u0e25\u0e4c\u0e21\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\", hh: 14, plot: 19, area: 190.32 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2563\", crop: \"\u0e1b\u0e32\u0e25\u0e4c\u0e21\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\", hh: 22, plot: 27, area: 158.02 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2563\", crop: \"\u0e21\u0e31\u0e19\u0e2a\u0e33\u0e1b\u0e30\u0e2b\u0e25\u0e31\u0e07\", hh: 4, plot: 5, area: 26.00 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2563\", crop: \"\u0e21\u0e31\u0e19\u0e2a\u0e33\u0e1b\u0e30\u0e2b\u0e25\u0e31\u0e07\", hh: 3, plot: 4, area: 26.50 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2563\", crop: \"\u0e2d\u0e49\u0e2d\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\", hh: 1, plot: 6, area: 90.00 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2563\", crop: \"\u0e2d\u0e49\u0e2d\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\", hh: 7, plot: 11, area: 74.75 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2563\", crop: \"\u0e1e\u0e37\u0e0a\u0e1c\u0e31\u0e01\", hh: 9, plot: 9, area: 9.50 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2564\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2800, plot: 5194, area: 32338.65 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2564\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2206, plot: 4377, area: 30361.22 },\n    { tambon: \"\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e27\", year: \"2564\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 1501, plot: 2855, area: 16686.47 },\n    { tambon: \"\u0e19\u0e32\u0e04\u0e39\u0e13\u0e43\u0e2b\u0e0d\u0e48\", year: \"2564\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 517, plot: 882, area: 4966.12 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2564\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2096, plot: 3878, area: 26342.93 },\n    { tambon: \"\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\", year: \"2564\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 1212, plot: 2457, area: 12487.69 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2564\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 491, plot: 626, area: 4808.59 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2564\", crop: \"\u0e2d\u0e49\u0e2d\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\", hh: 6, plot: 11, area: 92.50 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2564\", crop: \"\u0e1e\u0e37\u0e0a\u0e1c\u0e31\u0e01\", hh: 23, plot: 25, area: 90.00 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2565\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2799, plot: 5352, area: 32779.28 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2565\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2234, plot: 4505, area: 30535.70 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2565\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2137, plot: 4030, area: 27279.20 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2565\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 92, plot: 134, area: 1009.74 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2565\", crop: \"\u0e21\u0e31\u0e19\u0e2a\u0e33\u0e1b\u0e30\u0e2b\u0e25\u0e31\u0e07\", hh: 11, plot: 13, area: 75.25 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2566\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2770, plot: 5425, area: 31777.75 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2566\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2247, plot: 4600, area: 30149.72 },\n    { tambon: \"\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e27\", year: \"2566\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 1505, plot: 2918, area: 16591.53 },\n    { tambon: \"\u0e19\u0e32\u0e04\u0e39\u0e13\u0e43\u0e2b\u0e0d\u0e48\", year: \"2566\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 525, plot: 915, area: 4910.16 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2566\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2157, plot: 4123, area: 27153.49 },\n    { tambon: \"\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\", year: \"2566\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 1235, plot: 2559, area: 12357.99 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2566\", crop: \"\u0e21\u0e31\u0e19\u0e2a\u0e33\u0e1b\u0e30\u0e2b\u0e25\u0e31\u0e07\", hh: 6, plot: 8, area: 33.00 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2566\", crop: \"\u0e21\u0e31\u0e19\u0e2a\u0e33\u0e1b\u0e30\u0e2b\u0e25\u0e31\u0e07\", hh: 5, plot: 5, area: 35.00 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2566\", crop: \"\u0e2d\u0e49\u0e2d\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\", hh: 2, plot: 3, area: 39.75 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2566\", crop: \"\u0e1e\u0e37\u0e0a\u0e1c\u0e31\u0e01\", hh: 20, plot: 25, area: 82.93 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2567\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2755, plot: 5431, area: 31477.95 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2567\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2225, plot: 4586, area: 29918.79 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2567\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 843, plot: 1069, area: 7316.40 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2567\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 312, plot: 388, area: 1866.41 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2567\", crop: \"\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\", hh: 22, plot: 28, area: 197.25 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2567\", crop: \"\u0e1b\u0e32\u0e25\u0e4c\u0e21\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\", hh: 4, plot: 4, area: 46.75 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2567\", crop: \"\u0e2d\u0e49\u0e2d\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\", hh: 4, plot: 4, area: 52.75 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2568\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2803, plot: 5488, area: 31472.49 },\n    { tambon: \"\u0e19\u0e32\u0e07\u0e31\u0e27\", year: \"2568\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 2255, plot: 4609, area: 29766.06 },\n    { tambon: \"\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e27\", year: \"2568\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e35\", hh: 1531, plot: 2980, area: 16369.74 },\n    { tambon: \"\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\", year: \"2568\", crop: \"\u0e02\u0e49\u0e32\u0e27\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e07\", hh: 766, plot: 993, area: 6782.53 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2568\", crop: \"\u0e2d\u0e49\u0e2d\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\", hh: 6, plot: 6, area: 163.50 },\n    { tambon: \"\u0e19\u0e32\u0e2b\u0e27\u0e49\u0e32\", year: \"2568\", crop: \"\u0e21\u0e30\u0e1e\u0e23\u0e49\u0e32\u0e27\", hh: 2, plot: 3, area: 8.00 }\n];\n\nlet barChart, pieChart, lineChart;\n\nfunction initCharts() {\n    Chart.defaults.font.family = \"'Sarabun', sans-serif\";\n    Chart.defaults.color = '#94a3b8';\n\n    \/\/ Bar Chart\n    barChart = new Chart(document.getElementById('barChart'), {\n        type: 'bar',\n        data: { labels: [], datasets: [{ label: '\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e17\u0e35\u0e48 (\u0e44\u0e23\u0e48)', backgroundColor: '#10b981', borderRadius: 4, data: [] }] },\n        options: { \n            maintainAspectRatio: false, \n            responsive: true,\n            plugins: { legend: { display: false } },\n            scales: { y: { beginAtZero: true, grid: { color: '#f1f5f9' } }, x: { grid: { display: false } } }\n        }\n    });\n\n    \/\/ Pie Chart\n    pieChart = new Chart(document.getElementById('pieChart'), {\n        type: 'doughnut',\n        data: { labels: [], datasets: [{ data: [], backgroundColor: ['#3b82f6', '#10b981', '#f59e0b', '#ef4444', '#8b5cf6', '#06b6d4', '#475569'], borderWidth: 2, borderColor: '#fff' }] },\n        options: { \n            maintainAspectRatio: false, \n            plugins: { legend: { position: 'bottom', labels: { padding: 20, usePointStyle: true, font: { size: 11 } } } },\n            cutout: '65%'\n        }\n    });\n\n    \/\/ Line Chart\n    lineChart = new Chart(document.getElementById('lineChart'), {\n        type: 'line',\n        data: { labels: ['2563', '2564', '2565', '2566', '2567', '2568'], datasets: [{ label: '\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e23\u0e27\u0e21\u0e17\u0e38\u0e01\u0e15\u0e33\u0e1a\u0e25', borderColor: '#8b5cf6', backgroundColor: 'rgba(139, 92, 246, 0.05)', data: [], tension: 0.4, fill: true, pointRadius: 5, pointBackgroundColor: '#fff', pointBorderWidth: 2 }] },\n        options: { \n            maintainAspectRatio: false, \n            plugins: { legend: { display: false } },\n            scales: { y: { grid: { color: '#f1f5f9' } }, x: { grid: { display: false } } }\n        }\n    });\n}\n\nfunction updateDashboard() {\n    const yr = document.getElementById('filterYear').value;\n    const tb = document.getElementById('filterTambon').value;\n    const cp = document.getElementById('filterCrop').value;\n\n    const filtered = rawData.filter(d => \n        (yr === 'All' || d.year === yr) &&\n        (tb === 'All' || d.tambon === tb) &&\n        (cp === 'All' || d.crop === cp)\n    );\n\n    \/\/ Calc Summary\n    const area = filtered.reduce((s, d) => s + d.area, 0);\n    const plots = filtered.reduce((s, d) => s + d.plot, 0);\n    const hhs = filtered.reduce((s, d) => s + d.hh, 0);\n\n    document.getElementById('totalArea').innerText = area.toLocaleString(undefined, {maximumFractionDigits: 1});\n    document.getElementById('totalPlots').innerText = plots.toLocaleString();\n    document.getElementById('totalHouseholds').innerText = hhs.toLocaleString();\n\n    \/\/ Bar Chart Update\n    const tbs = [...new Set(rawData.map(d => d.tambon))];\n    barChart.data.labels = tbs;\n    barChart.data.datasets[0].data = tbs.map(t => filtered.filter(d => d.tambon === t).reduce((s, d) => s + d.area, 0));\n    barChart.update();\n\n    \/\/ Pie Chart Update\n    const crops = [...new Set(rawData.map(d => d.crop))];\n    pieChart.data.labels = crops;\n    pieChart.data.datasets[0].data = crops.map(c => filtered.filter(d => d.crop === c).reduce((s, d) => s + d.plot, 0));\n    pieChart.update();\n\n    \/\/ Line Chart Update\n    const yrs = ['2563', '2564', '2565', '2566', '2567', '2568'];\n    lineChart.data.datasets[0].data = yrs.map(y => filtered.filter(d => d.year === y).reduce((s, d) => s + d.area, 0));\n    lineChart.update();\n}\n\nwindow.onload = () => { initCharts(); updateDashboard(); };\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22 [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":336,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1693","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin_nawa","author_link":"https:\/\/nakhonphanom.doae.go.th\/nawa\/blog\/author\/admin_nawa\/"},"uagb_comment_info":0,"uagb_excerpt":"\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22 [&hellip;]","_links":{"self":[{"href":"https:\/\/nakhonphanom.doae.go.th\/nawa\/wp-json\/wp\/v2\/pages\/1693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nakhonphanom.doae.go.th\/nawa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nakhonphanom.doae.go.th\/nawa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nakhonphanom.doae.go.th\/nawa\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/nakhonphanom.doae.go.th\/nawa\/wp-json\/wp\/v2\/comments?post=1693"}],"version-history":[{"count":3,"href":"https:\/\/nakhonphanom.doae.go.th\/nawa\/wp-json\/wp\/v2\/pages\/1693\/revisions"}],"predecessor-version":[{"id":1707,"href":"https:\/\/nakhonphanom.doae.go.th\/nawa\/wp-json\/wp\/v2\/pages\/1693\/revisions\/1707"}],"up":[{"embeddable":true,"href":"https:\/\/nakhonphanom.doae.go.th\/nawa\/wp-json\/wp\/v2\/pages\/336"}],"wp:attachment":[{"href":"https:\/\/nakhonphanom.doae.go.th\/nawa\/wp-json\/wp\/v2\/media?parent=1693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}