{"id":1826,"date":"2025-08-30T09:05:54","date_gmt":"2025-08-30T02:05:54","guid":{"rendered":"https:\/\/arit.pcru.ac.th\/greenoffice\/?page_id=1826"},"modified":"2025-09-26T15:41:56","modified_gmt":"2025-09-26T08:41:56","slug":"fuel","status":"publish","type":"page","link":"https:\/\/arit.pcru.ac.th\/greenoffice\/fuel\/","title":{"rendered":"\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e40\u0e1e\u0e25\u0e34\u0e07"},"content":{"rendered":"\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@400;600;700&display=swap');\r\n        .gom-wrap-green{ --p:#16a34a; --p2:#34d399; --p-200:#dcfce7; --p-600:#15803d; --border:#e5efe7; --muted:#6b7280; font-family:'Sarabun',system-ui; color:#1f2937; background:#f6fbf7; }\r\n        \/* HERO V2 *\/\r\n        .gom-heroV2{ background:linear-gradient(100deg,var(--p),var(--p2)); border-radius:20px; padding:18px 20px; color:#fff; box-shadow:0 4px 16px rgba(22,163,74,.15); margin-bottom:12px; }\r\n        .gom-heroV2 h2{ margin:0 0 10px; font-size:22px; font-weight:700; color:#fff; }\r\n        .gom-hero-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }\r\n        .gom-chip{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; font-weight:700; font-size:14px; line-height:1; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); color:#fff; }\r\n        \/* TOOLBAR (\u0e15\u0e31\u0e27\u0e01\u0e23\u0e2d\u0e07 + \u0e1b\u0e35) *\/\r\n        .gom-toolbar{ background:#f7fbf8; border:1px solid var(--border); border-radius:14px; padding:12px; margin:14px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }\r\n        .gom-toolbar .left{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }\r\n        .gom-toolbar label{ font-weight:700; color:#0b3d1d; }\r\n        .gom-toolbar select{ padding:8px 10px; border:1px solid var(--border); border-radius:10px; background:#fff; min-width:240px; }\r\n        .gom-year-pills{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }\r\n        .gom-year-pills a{ text-decoration:none; display:inline-block; padding:8px 14px; border-radius:999px; border:1px solid #cfe8d7; background:#fff; color:#0b3d1d; font-weight:700; }\r\n        .gom-year-pills a.active{ background:var(--p); border-color:var(--p); color:#fff; }\r\n        \/* CARDS *\/\r\n        .gom-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin:14px 0 16px; }\r\n        .gom-card{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:16px; display:flex; align-items:center; gap:12px; }\r\n        .gom-card .icon{ width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--p-200);color:var(--p-600); }\r\n        .gom-card h4{ margin:0; font-size:13px; color:var(--muted); font-weight:600; }\r\n        .gom-card p{ margin:2px 0 0; font-size:20px; font-weight:700; }\r\n        \/* SECTION + CHART *\/\r\n        .gom-section{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:18px; margin-bottom:14px; }\r\n        .gom-section h3{ margin:0 0 10px; font-size:18px; font-weight:700; color:#0b3d1d; }\r\n        .gom-chart-wrap{ position:relative; height:380px; }\r\n        \/* TABLE *\/\r\n        .gom-table{ width:100%; border-collapse:collapse; }\r\n        .gom-table th,.gom-table td{ padding:10px 12px; border-bottom:1px solid var(--border); }\r\n        .gom-table thead th{ font-size:12px; text-transform:uppercase; color:var(--muted); }\r\n        .gom-table td{ font-weight:600; text-align:right; }\r\n        .gom-table td:nth-child(1), .gom-table td:nth-child(2){ text-align:left; }\r\n        .badge-compare{ display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-weight:700;font-size:13px; }\r\n        .badge-up{ color:#b91c1c;background:#fee2e2; }\r\n        .badge-down{ color:#166534;background:#dcfce7; }\r\n        .gom-tfoot td{ background:#f1fbf2; font-weight:700; }\r\n        @media (max-width:640px){ .gom-chart-wrap{ height:280px; } }\r\n    <\/style>\r\n\r\n    <div class=\"gom-wrap-green\">\r\n        <div class=\"gom-heroV2\">\r\n            <div class=\"gom-hero-row\">\r\n                <h2>\u0e2a\u0e23\u0e38\u0e1b\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e40\u0e1e\u0e25\u0e34\u0e07 \u0e1b\u0e35 2567<\/h2>\r\n\t\t\t\t<span class=\"gom-chip\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19: \u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07 (\u0e17\u0e38\u0e01\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19)<\/span>\r\n                <span class=\"gom-chip\">\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e04\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e40\u0e1e\u0e25\u0e34\u0e07\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 ~ 40.00 \u0e1a\u0e32\u0e17\/\u0e25\u0e34\u0e15\u0e23<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Toolbar: \u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 + \u0e1b\u0e38\u0e48\u0e21\u0e1b\u0e35 -->\r\n        <form class=\"gom-toolbar\" method=\"get\">\r\n            <div class=\"left\">\r\n                <label>\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19:<\/label>\r\n                <select name=\"dept_id\" onchange=\"this.form.submit()\">\r\n                    <option value=\"0\">\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07 (\u0e17\u0e38\u0e01\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19)<\/option>\r\n                                            <option value=\"3\" >\r\n                            \u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21                        <\/option>\r\n                                            <option value=\"4\" >\r\n                            \u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c                        <\/option>\r\n                                            <option value=\"2\" >\r\n                            \u0e07\u0e32\u0e19\u0e2b\u0e2d\u0e2a\u0e21\u0e38\u0e14\u0e01\u0e25\u0e32\u0e07                        <\/option>\r\n                                            <option value=\"1\" >\r\n                            \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23                        <\/option>\r\n                                            <option value=\"5\" >\r\n                            \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c                        <\/option>\r\n                                            <option value=\"6\" >\r\n                            \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28                        <\/option>\r\n                                    <\/select>\r\n            <\/div>\r\n            <div class=\"gom-year-pills\">\r\n                                    <a class=\"active\"\r\n                       href=\"\/greenoffice\/wp-json\/wp\/v2\/pages\/1826?gom_year=2024&#038;dept_id=0\">\r\n                        2567                    <\/a>\r\n                            <\/div>\r\n        <\/form>\r\n\r\n        <!-- Cards -->\r\n        <div class=\"gom-cards\">\r\n            <div class=\"gom-card\"><div class=\"icon\">\u26fd<\/div><div><h4>\u0e23\u0e27\u0e21\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13 (\u0e1b\u0e35 2567)<\/h4><p>392.76 <small>\u0e25\u0e34\u0e15\u0e23<\/small><\/p><\/div><\/div>\r\n            <div class=\"gom-card\"><div class=\"icon\">\ud83d\udcb0<\/div><div><h4>\u0e23\u0e27\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e07\u0e34\u0e19 (\u0e1b\u0e35 2567)<\/h4><p>15,710.40 <small>\u0e1a\u0e32\u0e17<\/small><\/p><\/div><\/div>\r\n            <div class=\"gom-card\"><div class=\"icon\">\ud83d\udcc8<\/div><div><h4>\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\/\u0e40\u0e14\u0e37\u0e2d\u0e19 (\u0e1b\u0e35 2567)<\/h4><p>78.55 <small>\u0e25\u0e34\u0e15\u0e23<\/small><\/p><\/div><\/div>\r\n            <div class=\"gom-card\"><div class=\"icon\">\ud83d\udc64<\/div><div><h4>\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\/\u0e04\u0e19\/\u0e40\u0e14\u0e37\u0e2d\u0e19 (\u0e1b\u0e35 2567)<\/h4><p>1.29 <small>\u0e25\u0e34\u0e15\u0e23\/\u0e04\u0e19<\/small><\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <!-- Chart -->\r\n        <div class=\"gom-section\">\r\n            <h3>\u0e2a\u0e23\u0e38\u0e1b\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e23\u0e32\u0e22\u0e1b\u0e35<\/h3>\r\n            <div class=\"gom-chart-wrap\"><canvas id=\"gomFuelChartNewUI\"><\/canvas><\/div>\r\n        <\/div>\r\n\r\n        <!-- Table -->\r\n        <div class=\"gom-section\">\r\n            <h3>\u0e15\u0e32\u0e23\u0e32\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1b\u0e35 2567<\/h3>\r\n            <table class=\"gom-table\">\r\n                <thead>\r\n                <tr>\r\n                    <th>\u0e1b\u0e35 \u0e1e.\u0e28.<\/th>\r\n                    <th>\u0e40\u0e14\u0e37\u0e2d\u0e19<\/th>\r\n                    <th>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 (\u0e04\u0e19)<\/th>\r\n                    <th>\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e40\u0e1e\u0e25\u0e34\u0e07\/\u0e40\u0e14\u0e37\u0e2d\u0e19 (\u0e25\u0e34\u0e15\u0e23)<\/th>\r\n                    <th>\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\/\u0e40\u0e14\u0e37\u0e2d\u0e19 (\u0e1a\u0e32\u0e17)<\/th>\r\n                    <th>\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e15\u0e48\u0e2d\u0e04\u0e19\/\u0e40\u0e14\u0e37\u0e2d\u0e19<\/th>\r\n                    <th>\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e01\u0e31\u0e1a\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32<\/th>\r\n                <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                                    <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e21.\u0e04.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>32.99<\/td>\r\n                        <td>1,319.60<\/td>\r\n                        <td>0.54<\/td>\r\n                        <td><span class=\"badge-compare badge-up\">\u25b2 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19<\/span><\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e01.\u0e1e.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td><span class=\"badge-compare badge-down\">\u25bc \u0e25\u0e14\u0e25\u0e07 100.00%<\/span><\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e21\u0e35.\u0e04.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>-<\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e40\u0e21.\u0e22.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>64.91<\/td>\r\n                        <td>2,596.40<\/td>\r\n                        <td>1.06<\/td>\r\n                        <td><span class=\"badge-compare badge-up\">\u25b2 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19<\/span><\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e1e.\u0e04.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td><span class=\"badge-compare badge-down\">\u25bc \u0e25\u0e14\u0e25\u0e07 100.00%<\/span><\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e21\u0e34.\u0e22.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>110.35<\/td>\r\n                        <td>4,414.00<\/td>\r\n                        <td>1.81<\/td>\r\n                        <td><span class=\"badge-compare badge-up\">\u25b2 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19<\/span><\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e01.\u0e04.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td><span class=\"badge-compare badge-down\">\u25bc \u0e25\u0e14\u0e25\u0e07 100.00%<\/span><\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e2a.\u0e04.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>66.21<\/td>\r\n                        <td>2,648.40<\/td>\r\n                        <td>1.09<\/td>\r\n                        <td><span class=\"badge-compare badge-up\">\u25b2 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19<\/span><\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e01.\u0e22.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td><span class=\"badge-compare badge-down\">\u25bc \u0e25\u0e14\u0e25\u0e07 100.00%<\/span><\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e15.\u0e04.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>-<\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e1e.\u0e22.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>118.30<\/td>\r\n                        <td>4,732.00<\/td>\r\n                        <td>1.94<\/td>\r\n                        <td><span class=\"badge-compare badge-up\">\u25b2 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19<\/span><\/td>\r\n                    <\/tr>\r\n                                        <tr>\r\n                        <td>2567<\/td>\r\n                        <td>\u0e18.\u0e04.<\/td>\r\n                        <td>61<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td>0.00<\/td>\r\n                        <td><span class=\"badge-compare badge-down\">\u25bc \u0e25\u0e14\u0e25\u0e07 100.00%<\/span><\/td>\r\n                    <\/tr>\r\n                                    <\/tbody>\r\n                <tfoot class=\"gom-tfoot\">\r\n                <tr>\r\n                    <td colspan=\"3\">\u0e23\u0e27\u0e21<\/td>\r\n                    <td>392.76<\/td>\r\n                    <td>15,710.40<\/td>\r\n                    <td colspan=\"2\"><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td colspan=\"3\">\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\/\u0e40\u0e14\u0e37\u0e2d\u0e19<\/td>\r\n                    <td>78.55<\/td>\r\n                    <td>3,142.08<\/td>\r\n                    <td>1.29<\/td>\r\n                    <td><\/td>\r\n                <\/tr>\r\n                <\/tfoot>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function(){\r\n        const el = document.getElementById('gomFuelChartNewUI');\r\n        if (!el || typeof Chart === 'undefined') return;\r\n        const ctx = el.getContext('2d');\r\n        const chartDataByYear = {\"2024\":[32.99,0,0,64.91,0,110.35,0,66.21,0,0,118.3,0]};\r\n        const labels = [\"\u0e21.\u0e04.\",\"\u0e01.\u0e1e.\",\"\u0e21\u0e35.\u0e04.\",\"\u0e40\u0e21.\u0e22.\",\"\u0e1e.\u0e04.\",\"\u0e21\u0e34.\u0e22.\",\"\u0e01.\u0e04.\",\"\u0e2a.\u0e04.\",\"\u0e01.\u0e22.\",\"\u0e15.\u0e04.\",\"\u0e1e.\u0e22.\",\"\u0e18.\u0e04.\"];\r\n        const latestYear = 2024;\r\n\r\n        \/\/ \u0e2a\u0e35 (\u0e1b\u0e35\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14=\u0e40\u0e02\u0e35\u0e22\u0e27)\r\n        const colors = {\r\n            2: {border:'#f59e0b', point:'#f59e0b'}, \/\/ \u0e2a\u0e49\u0e21\r\n            1: {border:'#3b82f6', point:'#3b82f6'}, \/\/ \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\r\n            0: {border:'#16a34a', point:'#16a34a'}  \/\/ \u0e40\u0e02\u0e35\u0e22\u0e27 (\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14)\r\n        };\r\n\r\n        \/\/ helper \u0e17\u0e33\u0e2a\u0e35\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a (\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a Chart.js v4)\r\n        const hexToRGBA = (hex, a) => {\r\n            const n = parseInt(hex.slice(1),16);\r\n            const r=(n>>16)&255, g=(n>>8)&255, b=n&255;\r\n            return `rgba(${r},${g},${b},${a})`;\r\n        };\r\n\r\n        const datasets = [];\r\n        let idx = 0;\r\n        for (const year in chartDataByYear) {\r\n            const isLatest = parseInt(year) === latestYear;\r\n            const c = colors[idx] || {border:'#999', point:'#666'};\r\n            const dataset = {\r\n                label: (parseInt(year) + 543).toString(),\r\n                data: chartDataByYear[year],\r\n                borderColor: c.border,\r\n                pointBackgroundColor: c.point,\r\n                borderWidth: isLatest ? 3 : 2,\r\n                tension: 0.35,\r\n                pointRadius: 4,\r\n                pointHoverRadius: 6,\r\n                fill: isLatest ? 'origin' : false\r\n            };\r\n            if (isLatest) {\r\n                const h = el.clientHeight || 380;\r\n                const grad = ctx.createLinearGradient(0, 0, 0, h);\r\n                grad.addColorStop(0, hexToRGBA(c.border, 0.35));\r\n                grad.addColorStop(1, hexToRGBA(c.border, 0.00));\r\n                dataset.backgroundColor = grad;\r\n            }\r\n            datasets.push(dataset);\r\n            idx++;\r\n        }\r\n\r\n        Chart.register(ChartDataLabels);\r\n        new Chart(ctx, {\r\n            type: 'line',\r\n            data: { labels, datasets },\r\n            options: {\r\n                responsive: true,\r\n                maintainAspectRatio: false,\r\n                interaction: { mode: 'index', intersect: false },\r\n                plugins: {\r\n                    legend: { position: 'top', labels:{ usePointStyle:true, pointStyle:'rectRounded' } },\r\n                    tooltip: {\r\n                        mode: 'index', intersect: false,\r\n                        callbacks: {\r\n                            label: (ctx) => ctx.dataset.label + ': ' + (ctx.parsed.y ?? 0).toLocaleString(undefined,{maximumFractionDigits:2}) + ' \u0e25\u0e34\u0e15\u0e23'\r\n                        }\r\n                    },\r\n                    datalabels: {\r\n                        display: (context) => context.dataset.data[context.dataIndex] > 0,\r\n                        align: 'top',\r\n                        anchor: 'end',\r\n                        font: { size: 11, weight:'bold' },\r\n                        formatter: (v) => v.toLocaleString(),\r\n                        color: '#111'\r\n                    }\r\n                },\r\n                scales: {\r\n                    y: {\r\n                        beginAtZero:true,\r\n                        ticks:{ callback:(v)=> v.toLocaleString() + ' \u0e25\u0e34\u0e15\u0e23' }\r\n                    },\r\n                    x: { grid:{ display:false } }\r\n                }\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"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":"disabled","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-1826","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","author_link":"https:\/\/arit.pcru.ac.th\/greenoffice\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":null,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/arit.pcru.ac.th\/greenoffice\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/arit.pcru.ac.th\/greenoffice\/wp-json\/wp\/v2\/pages\/1826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arit.pcru.ac.th\/greenoffice\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arit.pcru.ac.th\/greenoffice\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arit.pcru.ac.th\/greenoffice\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arit.pcru.ac.th\/greenoffice\/wp-json\/wp\/v2\/comments?post=1826"}],"version-history":[{"count":3,"href":"https:\/\/arit.pcru.ac.th\/greenoffice\/wp-json\/wp\/v2\/pages\/1826\/revisions"}],"predecessor-version":[{"id":1880,"href":"https:\/\/arit.pcru.ac.th\/greenoffice\/wp-json\/wp\/v2\/pages\/1826\/revisions\/1880"}],"wp:attachment":[{"href":"https:\/\/arit.pcru.ac.th\/greenoffice\/wp-json\/wp\/v2\/media?parent=1826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}