https://techno.coj.go.th/th/content/category/articles/id/4/cid/1878/ RSS Feed | สำนักเทคโนโลยีสารสนเทศ th https://techno.coj.go.th/th/content/category/detail/id/4/cid/1878/iid/546972/ <p>เมื่อวันที่ 25 มีนาคม พ.ศ. 2569 เวลา 9.00 - 16.00 นาฬิกา สำนักเทคโนโลยีสารสนเทศจัดอบรมเชิงปฏิบัติการการใช้เทคโนโลยีปัญญาประดิษฐ์ หลักสูตร Google Gemini Workshop สำหรับหน่วยงานในส่วนกลาง สำนักงานศาลยุติธรรม&nbsp;&nbsp;โดยมีนายวิญญู พิชัย ผู้พิพากษาศาลอุทธรณ์ประจําสำนักประธานศาลฎีกา และนายสมเกียรติ เส็งประเสริฐ ผู้พิพากษาหัวหน้าศาลประจําสํานักประธานศาลฎีกา เข้าอบรมร่วมกับบุคลากรภายในสังกัดสํานักงานศาลยุติธรรมในส่วนกลาง จํานวน 52&nbsp;คน และผู้สังเกตการณ์จำนวน 2 ท่าน ทั้งนี้ เพื่อให้บุคลากรในส่วนกลางสังกัดสำนักงานศาลยุติธรรมได้รับการพัฒนาศักยภาพและแนวคิดการนำ AI หรือเทคโนโลยีปัญญาประดิษฐ์มาปรับใช้ในองค์กร&nbsp;ณ สํานักงานใหญ่ บริษัทล็อกซ์เล่ย์ ออบิท จํากัด (มหาชน) ถนน ณ ระนอง&nbsp;แขวงคลองเตย กรุงเทพฯ</p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_19.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_21.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_16.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_18.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_11.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_12.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_13.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_14.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_15.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_17.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/gm_20.jpg" style="width: 90%;" /></p> <p style="text-align: center;">&nbsp;</p> <p>และเมื่อวันที่ 27&nbsp;มีนาคม พ.ศ. 2569 เวลา 9.00 - 16.00 นาฬิกา สำนักเทคโนโลยีสารสนเทศจัดอบรมเชิงปฏิบัติการการใช้เทคโนโลยีปัญญาประดิษฐ์ หลักสูตร Rethinking Work in the Age of AI Workshop สำหรับหน่วยงานในส่วนกลาง สำนักงานศาลยุติธรรม&nbsp;&nbsp;โดยมีนายสมเกียรติ เส็งประเสริฐ ผู้พิพากษาหัวหน้าศาลประจําสํานักประธานศาลฎีกา เข้าอบรมร่วมกับบุคลากรภายในสังกัดสํานักงานศาลยุติธรรมในส่วนกลาง จํานวน 75&nbsp;คน และผู้สังเกตการณ์จำนวน 2 ท่าน ทั้งนี้ เพื่อให้บุคลากรในส่วนกลางสังกัดสำนักงานศาลยุติธรรมได้รับการพัฒนาศักยภาพและแนวคิดการนำ AI หรือเทคโนโลยีปัญญาประดิษฐ์มาปรับใช้ในองค์กร ณ บริษัท ไมโครซอฟท์ (ประเทศไทย) จำกัด &nbsp;ชั้น 35 ของตึก One Bangkok Tower 4 ถนนวิทยุ แขวงลุมพินี เขตปทุมวัน กรุงเทพฯ</p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_11.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_12.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_13.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_14.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_15.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_16.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_17.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_18.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_19.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_20.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_23.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_24.jpg" style="width: 90%;" /></p> <p style="text-align: center;"><img alt="" src="/cms/s23//u374/pic_news/training/ms_25.jpg" style="width: 90%;" /></p> <p>&nbsp;</p> https://techno.coj.go.th/th/content/category/detail/id/4/cid/1878/iid/546684/ <!-- ════ สถิติคดีศาล (Pie): ศาลจังหวัดกำแพงเพชร ประจำปี 2568 ════ ✅ Scoped --><script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script> <style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap'); #cs1774507480984*,#cs1774507480984*::before,#cs1774507480984*::after{box-sizing:border-box;margin:0;padding:0} #cs1774507480984{font-family:'Sarabun',sans-serif!important;font-size:14px;line-height:1.5;color:#c8d8ec;background:#07111f;border-radius:18px;overflow:hidden;position:relative;isolation:isolate;contain:layout style} #cs1774507480984 .wg{position:absolute;top:0;left:50%;transform:translateX(-50%);width:900px;height:400px;background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none;z-index:0} #cs1774507480984 .wp{position:relative;z-index:1;padding:26px 22px 44px;max-width:1280px;margin:0 auto} #cs1774507480984 .wh{text-align:center;padding:28px 22px 26px;border-bottom:1px solid #1b3555;margin-bottom:26px;position:relative} #cs1774507480984 .wseal{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.15));border:1px solid rgba(59,130,246,.3);border-radius:50%;font-size:28px;margin-bottom:12px} #cs1774507480984 .worg{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#60a5fa;font-weight:600;margin-bottom:4px} #cs1774507480984 .wtitle{font-size:22px;font-weight:800;color:#f0f6ff;line-height:1.3;margin-bottom:5px} #cs1774507480984 .wperiod{display:inline-block;background:rgba(20,184,166,.12);border:1px solid rgba(20,184,166,.3);color:#14b8a6;font-size:13px;font-weight:600;padding:3px 16px;border-radius:20px;margin-top:3px} #cs1774507480984 .whline{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent)} #cs1774507480984 .wsec{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#60a5fa;margin-bottom:14px;display:flex;align-items:center;gap:8px} #cs1774507480984 .wsec::after{content:'';flex:1;height:1px;background:#1b3555} #cs1774507480984 .pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px} #cs1774507480984 .pcard{background:#112540;border:1px solid #1b3555;border-radius:14px;padding:18px} #cs1774507480984 .pcard.ov{background:linear-gradient(135deg,#0d2040,#112540);border-color:#2a4a7a} #cs1774507480984 .pcard h3{font-size:14px;font-weight:700;color:#f0f6ff;margin-bottom:12px;border-left:3px solid #3b82f6;padding-left:8px} #cs1774507480984 .pcw{position:relative} #cs1774507480984 .leglist{margin-top:8px;display:flex;flex-direction:column;gap:5px;max-height:120px;overflow-y:auto} #cs1774507480984 .litem{display:flex;align-items:center;gap:7px;font-size:14px;color:#94a3b8} #cs1774507480984 .ldot{width:12px;height:12px;border-radius:3px;flex-shrink:0} #cs1774507480984 .wcard{background:#112540;border:1px solid #1b3555;border-radius:14px;padding:18px;margin-bottom:14px} #cs1774507480984 .stbl{width:100%;border-collapse:collapse;font-size:12px} #cs1774507480984 .stbl th{background:#0d1e30;color:#94a3b8;padding:7px 9px;text-align:right;font-size:10px;font-weight:600;letter-spacing:.3px;border-bottom:1px solid #1b3555;white-space:nowrap} #cs1774507480984 .stbl th:first-child{text-align:left} #cs1774507480984 .stbl tfoot td{background:rgba(59,130,246,.1);color:#60a5fa;font-weight:700;padding:7px 9px;text-align:right;border-top:1px solid #1b3555} #cs1774507480984 .stbl tfoot td:first-child{text-align:left} #cs1774507480984 footer{text-align:center;margin-top:36px;padding-top:20px;border-top:1px solid #1b3555;font-size:11px;color:#94a3b8} @media(max-width:700px){#cs1774507480984 .pgrid{grid-template-columns:1fr}} </style> <div id="cs1774507480984"> <div class="wg">&nbsp;</div> <div class="wp"> <div class="wh"> <div class="wseal">⚖</div> <div class="worg">ศาลจังหวัดกำแพงเพชร</div> <div class="wtitle">สถิติคดีที่เข้าสู่การพิจารณาของศาล</div> <div class="wperiod">ประจำปี 2568</div> <div class="whline">&nbsp;</div> </div> <div class="wsec">กราฟแยกตามประเภทคดี</div> <div class="pgrid"> <div class="pcard"> <h3>คดีที่เข้าสู่การพิจารณา (จำแนกตามประเภท)</h3> <div class="pcw" style="height:200px"><canvas id="cs1774507480984_c1"></canvas></div> <div class="leglist" id="cs1774507480984_l1">&nbsp;</div> </div> <div class="pcard ov"> <h3 style="border-color:#60a5fa;color:#93c5fd">ภาพรวมรวมทุกคดี</h3> <div class="pcw" style="height:200px"><canvas id="cs1774507480984_c4"></canvas></div> <div class="leglist" id="cs1774507480984_l4">&nbsp;</div> </div> <div class="pcard"> <h3>ร้อยละคดีเสร็จไป (แยกตามประเภท)</h3> <div class="pcw" style="height:200px"><canvas id="cs1774507480984_c2"></canvas></div> <div class="leglist" id="cs1774507480984_l2">&nbsp;</div> </div> <div class="pcard"> <h3>ร้อยละคดีค้างไป (แยกตามประเภท)</h3> <div class="pcw" style="height:200px"><canvas id="cs1774507480984_c3"></canvas></div> <div class="leglist" id="cs1774507480984_l3">&nbsp;</div> </div> </div> <div class="wsec">ตารางสรุป</div> <div class="wcard"> <div style="overflow-x:auto"> <table class="stbl"> <thead> <tr> <th style="text-align:left;min-width:150px">ประเภทคดี</th> <th>ค้างมา</th> <th>รับใหม่</th> <th style="color:#60a5fa">รวม</th> <th style="color:#10b981">เสร็จ</th> <th>เสร็จ(%)</th> <th style="color:#f59e0b">ค้างไป</th> <th>ค้างไป(%)</th> </tr> </thead> <tbody> <tr style="background:rgba(255,255,255,.04)"> <td style="padding:7px 10px;color:#c8d8ec;font-weight:600;border-bottom:1px solid #1b3555">แพ่ง</td> <td style="padding:7px 10px;text-align:right;color:#f0f6ff;border-bottom:1px solid #1b3555">322</td> <td style="padding:7px 10px;text-align:right;color:#f0f6ff;border-bottom:1px solid #1b3555">1,622</td> <td style="padding:7px 10px;text-align:right;color:#60a5fa;font-weight:700;border-bottom:1px solid #1b3555">1,944</td> <td style="padding:7px 10px;text-align:right;color:#10b981;border-bottom:1px solid #1b3555">1,660</td> <td style="padding:7px 10px;text-align:right;color:#94a3b8;font-size:11px;border-bottom:1px solid #1b3555">85.39%</td> <td style="padding:7px 10px;text-align:right;color:#f59e0b;border-bottom:1px solid #1b3555">284</td> <td style="padding:7px 10px;text-align:right;color:#94a3b8;font-size:11px;border-bottom:1px solid #1b3555">14.61%</td> </tr> <tr style="background:rgba(255,255,255,.04)"> <td style="padding:7px 10px;color:#c8d8ec;font-weight:600;border-bottom:1px solid #1b3555">ผู้บริโภค</td> <td style="padding:7px 10px;text-align:right;color:#f0f6ff;border-bottom:1px solid #1b3555">1,015</td> <td style="padding:7px 10px;text-align:right;color:#f0f6ff;border-bottom:1px solid #1b3555">7,669</td> <td style="padding:7px 10px;text-align:right;color:#60a5fa;font-weight:700;border-bottom:1px solid #1b3555">8,684</td> <td style="padding:7px 10px;text-align:right;color:#10b981;border-bottom:1px solid #1b3555">7,478</td> <td style="padding:7px 10px;text-align:right;color:#94a3b8;font-size:11px;border-bottom:1px solid #1b3555">86.11%</td> <td style="padding:7px 10px;text-align:right;color:#f59e0b;border-bottom:1px solid #1b3555">1,206</td> <td style="padding:7px 10px;text-align:right;color:#94a3b8;font-size:11px;border-bottom:1px solid #1b3555">13.89%</td> </tr> <tr style="background:rgba(255,255,255,.04)"> <td style="padding:7px 10px;color:#c8d8ec;font-weight:600;border-bottom:1px solid #1b3555">อาญา</td> <td style="padding:7px 10px;text-align:right;color:#f0f6ff;border-bottom:1px solid #1b3555">226</td> <td style="padding:7px 10px;text-align:right;color:#f0f6ff;border-bottom:1px solid #1b3555">5,073</td> <td style="padding:7px 10px;text-align:right;color:#60a5fa;font-weight:700;border-bottom:1px solid #1b3555">5,299</td> <td style="padding:7px 10px;text-align:right;color:#10b981;border-bottom:1px solid #1b3555">5,043</td> <td style="padding:7px 10px;text-align:right;color:#94a3b8;font-size:11px;border-bottom:1px solid #1b3555">95.17%</td> <td style="padding:7px 10px;text-align:right;color:#f59e0b;border-bottom:1px solid #1b3555">256</td> <td style="padding:7px 10px;text-align:right;color:#94a3b8;font-size:11px;border-bottom:1px solid #1b3555">4.83%</td> </tr> <tr style="background:rgba(255,255,255,.04)"> <td style="padding:7px 10px;color:#c8d8ec;font-weight:600;border-bottom:1px solid #1b3555">ความผิดทางพินัย</td> <td style="padding:7px 10px;text-align:right;color:#f0f6ff;border-bottom:1px solid #1b3555">10</td> <td style="padding:7px 10px;text-align:right;color:#f0f6ff;border-bottom:1px solid #1b3555">69</td> <td style="padding:7px 10px;text-align:right;color:#60a5fa;font-weight:700;border-bottom:1px solid #1b3555">79</td> <td style="padding:7px 10px;text-align:right;color:#10b981;border-bottom:1px solid #1b3555">59</td> <td style="padding:7px 10px;text-align:right;color:#94a3b8;font-size:11px;border-bottom:1px solid #1b3555">74.68%</td> <td style="padding:7px 10px;text-align:right;color:#f59e0b;border-bottom:1px solid #1b3555">20</td> <td style="padding:7px 10px;text-align:right;color:#94a3b8;font-size:11px;border-bottom:1px solid #1b3555">25.32%</td> </tr> </tbody> <tfoot> <tr> <td>รวม</td> <td style="text-align:right">1,573</td> <td style="text-align:right">14,433</td> <td style="text-align:right">16,006</td> <td style="text-align:right">14,240</td> <td style="text-align:right">88.97%</td> <td style="text-align:right">1,766</td> <td style="text-align:right">11.03%</td> </tr> </tfoot> </table> </div> </div> <footer>ศาลจังหวัดกำแพงเพชร &nbsp;&middot;&nbsp; สถิติคดีที่เข้าสู่การพิจารณา ประจำปี 2568</footer> </div> </div> <script> (function(){ var ID='cs1774507480984'; var COLORS=["#3b82f6","#10b981","#f59e0b","#ef4444","#8b5cf6","#14b8a6","#f97316","#06b6d4","#84cc16","#ec4899","#a855f7","#22c55e","#eab308","#f43f5e","#0ea5e9","#d946ef","#16a34a","#ca8a04","#dc2626","#7c3aed","#0891b2","#65a30d","#d97706","#b91c1c","#6d28d9","#0284c7","#4d7c0f","#b45309","#991b1b","#5b21b6","#0369a1","#3f6212","#92400e","#7f1d1d","#4c1d95","#164e63","#14532d","#713f12","#7f1d1d","#312e81","#0c4a6e","#064e3b","#451a03","#1c1917","#4a044e","#022c22","#365314","#431407","#1e1b4b","#0f172a","#042f2e","#fde68a","#bbf7d0","#bae6fd","#ddd6fe","#fecaca","#fed7aa","#cffafe","#d9f99d","#fbcfe8","#e0e7ff"]; var tSum=16006,tSj=14240,tKj=1766,tSjPct=88.97,tKjPct=11.03; var tt={backgroundColor:'#0d1e30',titleColor:'#f0f6ff',bodyColor:'#94a3b8',borderColor:'#1b3555',borderWidth:1,padding:10,cornerRadius:8,displayColors:false}; function go(fn){if(window.Chart){fn();}else{setTimeout(function(){go(fn);},80);}} function mkAbs(cid,lid,data){ if(!data||!data.length){return;} var lb=data.map(function(d){return d.l;}),vs=data.map(function(d){return d.v;}),cl=lb.map(function(_,i){return COLORS[i%COLORS.length];}),tot=vs.reduce(function(a,b){return a+b;},0); new Chart(document.getElementById(cid),{type:'pie',data:{labels:lb,datasets:[{data:vs,backgroundColor:cl,borderWidth:1.5,borderColor:'#0d1e30',hoverOffset:6}]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:{...tt,callbacks:{label:function(c){return ' '+c.label+': '+c.raw.toLocaleString()+' คดี ('+((c.raw/tot)*100).toFixed(1)+'%)';}}}}}}); document.getElementById(lid).innerHTML=lb.map(function(l,i){return '<div class="litem"><div class="ldot" style="background:'+cl[i]+'"></div>'+l+' ('+vs[i].toLocaleString()+')</div>';}).join(''); } function mkPct(cid,lid,data){ if(!data||!data.length){return;} var lb=data.map(function(d){return d.l;}),vs=data.map(function(d){return d.v;}),cs=data.map(function(d){return d.c;}),cl=lb.map(function(_,i){return COLORS[i%COLORS.length];}); new Chart(document.getElementById(cid),{type:'pie',data:{labels:lb,datasets:[{data:vs,backgroundColor:cl,borderWidth:1.5,borderColor:'#0d1e30',hoverOffset:6}]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:{...tt,callbacks:{label:function(c){var i=c.dataIndex;return ' '+c.label+': '+c.raw.toFixed(2)+'% ('+cs[i].toLocaleString()+' คดี)';}}}}}}); document.getElementById(lid).innerHTML=lb.map(function(l,i){return '<div class="litem"><div class="ldot" style="background:'+cl[i]+'"></div>'+l+': '+vs[i].toFixed(2)+'%</div>';}).join(''); } function mkDonut(cid,lid){ var el=document.getElementById(cid);if(!el)return; var centerPlugin={id:'cp',afterDraw:function(chart){ var ctx=chart.ctx,ca=chart.chartArea,cx=ca.left+ca.width/2,cy=ca.top+ca.height/2; ctx.save(); ctx.textAlign='center';ctx.textBaseline='middle'; ctx.fillStyle='#60a5fa';ctx.font='bold 15px Sarabun,sans-serif'; ctx.fillText('เสร็จ '+tSjPct+'%',cx,cy-10); ctx.fillStyle='#94a3b8';ctx.font='13px Sarabun,sans-serif'; ctx.fillText('ค้าง '+tKjPct+'%',cx,cy+10); ctx.restore(); }}; new Chart(el,{ type:'doughnut', plugins:[centerPlugin], data:{labels:['เสร็จไป','ค้างไป'],datasets:[{data:[tSj,tKj],backgroundColor:['#10b981','#f59e0b'],borderWidth:2,borderColor:'#0d1e30',hoverOffset:6}]}, options:{responsive:true,maintainAspectRatio:false,cutout:'62%',plugins:{legend:{display:false},tooltip:{...tt,callbacks:{label:function(c){return ' '+c.label+': '+c.raw.toLocaleString()+' คดี ('+((c.raw/tSum)*100).toFixed(2)+'%)';}}}}} }); document.getElementById(lid).innerHTML= '<div class="litem"><div class="ldot" style="background:#10b981"></div>เสร็จ: '+tSj.toLocaleString()+' คดี ('+tSjPct+'%)</div>'+ '<div class="litem"><div class="ldot" style="background:#f59e0b"></div>ค้าง: '+tKj.toLocaleString()+' คดี ('+tKjPct+'%)</div>'+ '<div class="litem"><div class="ldot" style="background:#60a5fa"></div>รวม: '+tSum.toLocaleString()+' คดี</div>'; } go(function(){ mkAbs(ID+'_c1',ID+'_l1',[{"l":"แพ่ง","v":1944},{"l":"ผู้บริโภค","v":8684},{"l":"อาญา","v":5299},{"l":"ความผิดทางพินัย","v":79}]); mkDonut(ID+'_c4',ID+'_l4'); mkPct(ID+'_c2',ID+'_l2',[{"l":"แพ่ง","v":85.39,"c":1660},{"l":"ผู้บริโภค","v":86.11,"c":7478},{"l":"อาญา","v":95.17,"c":5043},{"l":"ความผิดทางพินัย","v":74.68,"c":59}]); mkPct(ID+'_c3',ID+'_l3',[{"l":"แพ่ง","v":14.61,"c":284},{"l":"ผู้บริโภค","v":13.89,"c":1206},{"l":"อาญา","v":4.83,"c":256},{"l":"ความผิดทางพินัย","v":25.32,"c":20}]); }); })(); </script> https://techno.coj.go.th/th/content/category/detail/id/4/cid/1878/iid/546683/ <!-- ════ สถิติไกล่เกลี่ย: ศาลจังหวัดนครศรีธรรมราช ประจำเดือน ธันวาคม 2567 — ศาลจังหวัดนครศรีธรรมราช (ไกล่เกลี่ยที่ศาล) ════ ✅ Scoped --><script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script> <style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap'); #ms1774516675140*,#ms1774516675140*::before,#ms1774516675140*::after{box-sizing:border-box;margin:0;padding:0} #ms1774516675140{font-family:'Sarabun',sans-serif!important;font-size:14px;line-height:1.6;color:#c8d8ec;background:#07111f;border-radius:20px;overflow:hidden;position:relative;isolation:isolate;contain:layout style} #ms1774516675140 .wg{position:absolute;top:0;left:50%;transform:translateX(-50%);width:900px;height:380px;background:radial-gradient(ellipse at 50% 0%,rgba(16,185,129,.1) 0%,transparent 68%);pointer-events:none;z-index:0} #ms1774516675140 .wp{position:relative;z-index:1;padding:28px 22px 48px;max-width:1260px;margin:0 auto} #ms1774516675140 .wh{text-align:center;padding:28px 22px 24px;border-bottom:1px solid #1b3555;margin-bottom:24px;position:relative} #ms1774516675140 .wseal{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(59,130,246,.15));border:1px solid rgba(16,185,129,.3);border-radius:50%;font-size:28px;margin-bottom:12px} #ms1774516675140 .worg{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#10b981;font-weight:700;margin-bottom:4px} #ms1774516675140 .wtitle{font-size:22px;font-weight:800;color:#f0f6ff;line-height:1.3;margin-bottom:5px} #ms1774516675140 .wperiod{display:inline-block;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:14px;font-weight:600;padding:4px 18px;border-radius:20px;margin-top:4px} #ms1774516675140 .whline{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,#10b981,transparent)} #ms1774516675140 .wsec{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#10b981;margin-bottom:14px;display:flex;align-items:center;gap:8px} #ms1774516675140 .wsec::after{content:'';flex:1;height:1px;background:#1b3555} #ms1774516675140 .kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px} #ms1774516675140 .kcard{background:#112540;border:1px solid #1b3555;border-radius:12px;padding:14px;text-align:center} #ms1774516675140 .kval{font-size:26px;font-weight:800;color:#f0f6ff;line-height:1.1} #ms1774516675140 .klab{font-size:13px;color:#94a3b8;margin-top:4px} #ms1774516675140 .kpct{font-size:14px;font-weight:700;margin-top:3px} #ms1774516675140 .cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px} #ms1774516675140 .pcard{background:#112540;border:1px solid #1b3555;border-radius:14px;padding:16px} #ms1774516675140 .pcard h3{font-size:14px;font-weight:700;color:#f0f6ff;margin-bottom:12px;border-left:3px solid #10b981;padding-left:8px} #ms1774516675140 .btcard{background:#112540;border:1px solid #1b3555;border-radius:14px;padding:16px;margin-bottom:12px} #ms1774516675140 .btcard h3{font-size:14px;font-weight:700;color:#f0f6ff;margin-bottom:12px} #ms1774516675140 .btgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start} #ms1774516675140 .binfo{padding-top:20px;font-size:13px;color:#94a3b8;line-height:1.8} #ms1774516675140 .binfo b{color:#f0f6ff} #ms1774516675140 .leglist{margin-top:8px;display:flex;flex-direction:column;gap:4px} #ms1774516675140 .litem{display:flex;align-items:center;gap:7px;font-size:14px;color:#94a3b8} #ms1774516675140 .ldot{width:12px;height:12px;border-radius:3px;flex-shrink:0} #ms1774516675140 .fleg{flex-wrap:wrap;flex-direction:row;gap:10px} #ms1774516675140 .wcard{background:#112540;border:1px solid #1b3555;border-radius:14px;padding:16px;margin-bottom:14px} #ms1774516675140 .stbl{width:100%;border-collapse:collapse} #ms1774516675140 .stbl th{background:#0d1e30;color:#94a3b8;padding:8px 9px;text-align:right;font-size:12px;font-weight:600;border-bottom:1px solid #1b3555;white-space:nowrap} #ms1774516675140 .stbl th:first-child{text-align:left} #ms1774516675140 .stbl tfoot td{background:rgba(16,185,129,.1);color:#10b981;font-weight:700;padding:8px 9px;text-align:right;border-top:1px solid #1b3555;font-size:13px} #ms1774516675140 .stbl tfoot td:first-child{text-align:left} #ms1774516675140 footer{text-align:center;margin-top:32px;padding-top:16px;border-top:1px solid #1b3555;font-size:12px;color:#94a3b8} @media(max-width:700px){#ms1774516675140 .kgrid,#ms1774516675140 .cgrid{grid-template-columns:1fr 1fr}#ms1774516675140 .btgrid{grid-template-columns:1fr}} @media(max-width:480px){#ms1774516675140 .kgrid{grid-template-columns:1fr 1fr}} </style> <div id="ms1774516675140"> <div class="wg">&nbsp;</div> <div class="wp"> <div class="wh"> <div class="wseal">⚖️</div> <div class="worg">ศาลจังหวัดนครศรีธรรมราช</div> <div class="wtitle">สถิติการไกล่เกลี่ย</div> <div class="wperiod">ประจำเดือน ธันวาคม 2567 &mdash; ศาลจังหวัดนครศรีธรรมราช (ไกล่เกลี่ยที่ศาล)</div> <div class="whline">&nbsp;</div> </div> <div class="wsec">ภาพรวมสถิติ</div> <div class="kgrid"> <div class="kcard"> <div class="kval">473</div> <div class="klab">คดีเข้าสู่ศาล</div> <div class="kpct">&nbsp;</div> </div> <div class="kcard"> <div class="kval" style="color:#60a5fa">121</div> <div class="klab">คดีเข้าไกล่เกลี่ย</div> <div class="kpct" style="color:#60a5fa">25.58%</div> </div> <div class="kcard"> <div class="kval" style="color:#10b981">101</div> <div class="klab">ไกล่เกลี่ยสำเร็จ</div> <div class="kpct" style="color:#10b981">83.47%</div> </div> <div class="kcard"> <div class="kval" style="color:#f59e0b;font-size:18px">139,240,696.53</div> <div class="klab">ทุนทรัพย์สำเร็จ (บาท)</div> <div class="kpct">&nbsp;</div> </div> </div> <div class="wsec">ผลการไกล่เกลี่ยภาพรวม</div> <div class="cgrid"> <div class="pcard"> <h3>สัดส่วนคดีเข้าสู่ระบบไกล่เกลี่ย</h3> <div style="position:relative;height:220px"><canvas id="ms1774516675140_ci" style="width:100%;height:100%"></canvas></div> <div class="leglist" id="ms1774516675140_li">&nbsp;</div> </div> <div class="pcard" style="background:linear-gradient(135deg,#0d1e30,#0f2515);border-color:#14532d"> <h3 style="border-color:#10b981;color:#6ee7b7">ผลการไกล่เกลี่ยโดยรวม</h3> <div style="position:relative;height:220px"><canvas id="ms1774516675140_co" style="width:100%;height:100%"></canvas></div> <div class="leglist" id="ms1774516675140_lo">&nbsp;</div> </div> </div> <div class="wsec">ผลการไกล่เกลี่ยแยกตามประเภทคดี</div> <div class="btcard"> <h3 style="border-left:3px solid #3b82f6;padding-left:8px;margin-bottom:12px">แพ่ง</h3> <div class="btgrid"> <div> <div style="font-size:12px;font-weight:700;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px">ผลการไกล่เกลี่ย</div> <div style="position:relative;height:180px"><canvas id="ms1774516675140_bt0_c" style="width:100%;height:100%"></canvas></div> <div class="leglist" id="ms1774516675140_bt0_l">&nbsp;</div> </div> <div class="binfo">คดีเข้าสู่ศาล: <b>51</b> คดี<br /> คดีเข้าไกล่เกลี่ย: <b>33</b> คดี (64.71%)<br /> สำเร็จ: <b style="color:#10b981">27</b> คดี (81.82%)<br /> ค้างไป: <b style="color:#f59e0b">3</b> คดี (9.09%)<br /> ทุนทรัพย์: <b style="color:#60a5fa">62,576,260.23</b> บาท</div> </div> </div> <div class="btcard"> <h3 style="border-left:3px solid #10b981;padding-left:8px;margin-bottom:12px">ผู้บริโภค</h3> <div class="btgrid"> <div> <div style="font-size:12px;font-weight:700;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px">ผลการไกล่เกลี่ย</div> <div style="position:relative;height:180px"><canvas id="ms1774516675140_bt1_c" style="width:100%;height:100%"></canvas></div> <div class="leglist" id="ms1774516675140_bt1_l">&nbsp;</div> </div> <div class="binfo">คดีเข้าสู่ศาล: <b>159</b> คดี<br /> คดีเข้าไกล่เกลี่ย: <b>82</b> คดี (51.57%)<br /> สำเร็จ: <b style="color:#10b981">74</b> คดี (90.24%)<br /> ค้างไป: <b style="color:#f59e0b">0</b> คดี (0.00%)<br /> ทุนทรัพย์: <b style="color:#60a5fa">76,664,436.30</b> บาท</div> </div> </div> <div class="btcard"> <h3 style="border-left:3px solid #f59e0b;padding-left:8px;margin-bottom:12px">อาญา</h3> <div class="btgrid"> <div> <div style="font-size:12px;font-weight:700;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px">ผลการไกล่เกลี่ย</div> <div style="position:relative;height:180px"><canvas id="ms1774516675140_bt2_c" style="width:100%;height:100%"></canvas></div> <div class="leglist" id="ms1774516675140_bt2_l">&nbsp;</div> </div> <div class="binfo">คดีเข้าสู่ศาล: <b>263</b> คดี<br /> คดีเข้าไกล่เกลี่ย: <b>6</b> คดี (2.28%)<br /> สำเร็จ: <b style="color:#10b981">0</b> คดี (0.00%)<br /> ค้างไป: <b style="color:#f59e0b">0</b> คดี (0.00%)<br /> ทุนทรัพย์: <b style="color:#60a5fa">0.00</b> บาท</div> </div> </div> <div class="wsec">ร้อยละคดีค้างไป</div> <div class="wcard"> <div style="font-size:14px;font-weight:700;color:#f0f6ff;margin-bottom:10px;border-left:3px solid #f59e0b;padding-left:8px">ร้อยละคดีค้างไปแยกตามประเภทคดี</div> <div style="overflow-x:auto"> <div style="position:relative;height:360px;min-width:480px"><canvas id="ms1774516675140_cp"></canvas></div> </div> <div class="leglist fleg" id="ms1774516675140_lp">&nbsp;</div> </div> <div class="wsec">ทุนทรัพย์ที่ไกล่เกลี่ยสำเร็จ</div> <div class="wcard"> <div style="font-size:14px;font-weight:700;color:#f0f6ff;margin-bottom:10px;border-left:3px solid #60a5fa;padding-left:8px">ทุนทรัพย์ที่ไกล่เกลี่ยสำเร็จแยกตามประเภทคดี (บาท)</div> <div style="overflow-x:auto"> <div style="position:relative;height:360px;min-width:480px"><canvas id="ms1774516675140_ca"></canvas></div> </div> <div class="leglist fleg" id="ms1774516675140_la">&nbsp;</div> </div> <div class="wsec">ตารางสรุป</div> <div class="wcard"> <div style="overflow-x:auto"> <table class="stbl"> <thead> <tr> <th style="text-align:left">ประเภทคดี</th> <th>เข้าศาล</th> <th>เข้าไกล่เกลี่ย</th> <th>%</th> <th style="color:#10b981">สำเร็จ</th> <th style="color:#10b981">%</th> <th style="color:#ef4444">ไม่สำเร็จ</th> <th style="color:#ef4444">%</th> <th style="color:#f59e0b">ค้างไป</th> <th style="color:#f59e0b">%</th> <th style="color:#60a5fa">ทุนทรัพย์ (บาท)</th> </tr> </thead> <tbody> <tr> <td style="padding:7px 9px;color:#c8d8ec;font-weight:700;font-size:13px;border-bottom:1px solid #1b3555">แพ่ง</td> <td style="padding:7px 9px;text-align:right;color:#f0f6ff;font-size:13px;border-bottom:1px solid #1b3555">51</td> <td style="padding:7px 9px;text-align:right;color:#60a5fa;font-weight:700;font-size:13px;border-bottom:1px solid #1b3555">33</td> <td style="padding:7px 9px;text-align:right;color:#94a3b8;font-size:12px;border-bottom:1px solid #1b3555">64.71%</td> <td style="padding:7px 9px;text-align:right;color:#10b981;font-weight:700;font-size:13px;border-bottom:1px solid #1b3555">27</td> <td style="padding:7px 9px;text-align:right;color:#10b981;font-size:12px;border-bottom:1px solid #1b3555">81.82%</td> <td style="padding:7px 9px;text-align:right;color:#ef4444;font-size:13px;border-bottom:1px solid #1b3555">2</td> <td style="padding:7px 9px;text-align:right;color:#ef4444;font-size:12px;border-bottom:1px solid #1b3555">6.06%</td> <td style="padding:7px 9px;text-align:right;color:#f59e0b;font-size:13px;border-bottom:1px solid #1b3555">3</td> <td style="padding:7px 9px;text-align:right;color:#f59e0b;font-size:12px;border-bottom:1px solid #1b3555">9.09%</td> <td style="padding:7px 9px;text-align:right;color:#c8d8ec;font-size:13px;border-bottom:1px solid #1b3555">62,576,260.23</td> </tr> <tr> <td style="padding:7px 9px;color:#c8d8ec;font-weight:700;font-size:13px;border-bottom:1px solid #1b3555">ผู้บริโภค</td> <td style="padding:7px 9px;text-align:right;color:#f0f6ff;font-size:13px;border-bottom:1px solid #1b3555">159</td> <td style="padding:7px 9px;text-align:right;color:#60a5fa;font-weight:700;font-size:13px;border-bottom:1px solid #1b3555">82</td> <td style="padding:7px 9px;text-align:right;color:#94a3b8;font-size:12px;border-bottom:1px solid #1b3555">51.57%</td> <td style="padding:7px 9px;text-align:right;color:#10b981;font-weight:700;font-size:13px;border-bottom:1px solid #1b3555">74</td> <td style="padding:7px 9px;text-align:right;color:#10b981;font-size:12px;border-bottom:1px solid #1b3555">90.24%</td> <td style="padding:7px 9px;text-align:right;color:#ef4444;font-size:13px;border-bottom:1px solid #1b3555">2</td> <td style="padding:7px 9px;text-align:right;color:#ef4444;font-size:12px;border-bottom:1px solid #1b3555">2.44%</td> <td style="padding:7px 9px;text-align:right;color:#f59e0b;font-size:13px;border-bottom:1px solid #1b3555">0</td> <td style="padding:7px 9px;text-align:right;color:#f59e0b;font-size:12px;border-bottom:1px solid #1b3555">0.00%</td> <td style="padding:7px 9px;text-align:right;color:#c8d8ec;font-size:13px;border-bottom:1px solid #1b3555">76,664,436.30</td> </tr> <tr> <td style="padding:7px 9px;color:#c8d8ec;font-weight:700;font-size:13px;border-bottom:1px solid #1b3555">อาญา</td> <td style="padding:7px 9px;text-align:right;color:#f0f6ff;font-size:13px;border-bottom:1px solid #1b3555">263</td> <td style="padding:7px 9px;text-align:right;color:#60a5fa;font-weight:700;font-size:13px;border-bottom:1px solid #1b3555">6</td> <td style="padding:7px 9px;text-align:right;color:#94a3b8;font-size:12px;border-bottom:1px solid #1b3555">2.28%</td> <td style="padding:7px 9px;text-align:right;color:#10b981;font-weight:700;font-size:13px;border-bottom:1px solid #1b3555">0</td> <td style="padding:7px 9px;text-align:right;color:#10b981;font-size:12px;border-bottom:1px solid #1b3555">0.00%</td> <td style="padding:7px 9px;text-align:right;color:#ef4444;font-size:13px;border-bottom:1px solid #1b3555">0</td> <td style="padding:7px 9px;text-align:right;color:#ef4444;font-size:12px;border-bottom:1px solid #1b3555">0.00%</td> <td style="padding:7px 9px;text-align:right;color:#f59e0b;font-size:13px;border-bottom:1px solid #1b3555">0</td> <td style="padding:7px 9px;text-align:right;color:#f59e0b;font-size:12px;border-bottom:1px solid #1b3555">0.00%</td> <td style="padding:7px 9px;text-align:right;color:#c8d8ec;font-size:13px;border-bottom:1px solid #1b3555">0.00</td> </tr> </tbody> <tfoot> <tr> <td>รวม</td> <td style="text-align:right">473</td> <td style="text-align:right">121</td> <td style="text-align:right">25.58%</td> <td style="text-align:right">101</td> <td style="text-align:right">83.47%</td> <td style="text-align:right">4</td> <td style="text-align:right">3.31%</td> <td style="text-align:right">3</td> <td style="text-align:right">2.48%</td> <td style="text-align:right">139,240,696.53</td> </tr> </tfoot> </table> </div> </div> <footer>ศาลจังหวัดนครศรีธรรมราช &nbsp;&middot;&nbsp; สถิติการไกล่เกลี่ย ประจำเดือน ธันวาคม 2567 &mdash; ศาลจังหวัดนครศรีธรรมราช (ไกล่เกลี่ยที่ศาล)</footer> </div> </div> <script> (function(){ var ID='ms1774516675140'; var COLORS=["#3b82f6","#10b981","#f59e0b","#ef4444","#8b5cf6","#14b8a6","#f97316","#06b6d4","#84cc16","#ec4899","#a855f7","#22c55e","#eab308","#f43f5e","#0ea5e9","#d946ef","#16a34a","#ca8a04","#dc2626","#7c3aed","#0891b2","#65a30d","#d97706","#b91c1c","#6d28d9","#0284c7","#4d7c0f","#b45309","#991b1b","#5b21b6","#0369a1","#3f6212","#92400e","#7f1d1d","#4c1d95","#164e63","#14532d","#713f12","#7f1d1d","#312e81","#0c4a6e","#064e3b","#451a03","#1c1917","#4a044e","#022c22","#365314","#431407","#1e1b4b","#0f172a","#042f2e","#fde68a","#bbf7d0","#bae6fd","#ddd6fe","#fecaca","#fed7aa","#cffafe","#d9f99d","#fbcfe8","#e0e7ff"]; var tC=473,tM=121,tD=7,tO=101,tF=4,tP=3,tA=139240696.53; var isPie=true; var data=[{"t":"แพ่ง","court":51,"med":33,"dis":1,"ok":27,"fail":2,"pend":3,"asset":62576260.23},{"t":"ผู้บริโภค","court":159,"med":82,"dis":6,"ok":74,"fail":2,"pend":0,"asset":76664436.3},{"t":"อาญา","court":263,"med":6,"dis":0,"ok":0,"fail":0,"pend":0,"asset":0}]; function pf(n,d){return d>0?(n/d*100).toFixed(2):'0.00';} function tip(extra){ return Object.assign({backgroundColor:'#0d1e30',titleColor:'#f0f6ff',bodyColor:'#94a3b8',borderColor:'#1b3555',borderWidth:1,padding:10,cornerRadius:8,displayColors:false},extra||{}); } function go(fn){ function check(){ if(typeof window.Chart!=='undefined'){fn();} else{setTimeout(check,60);} } if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',check);} else{check();} } function mkPie(cid,lid,labels,vals,colors){ var el=document.getElementById(cid);if(!el)return; var tot=vals.reduce(function(a,b){return a+b;},0); new Chart(el,{type:'pie',data:{labels:labels,datasets:[{data:vals,backgroundColor:colors,borderWidth:1.5,borderColor:'#0d1e30',hoverOffset:5}]}, options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:tip({callbacks:{label:function(c){return ' '+c.label+': '+c.raw.toLocaleString()+(tot>0?' ('+(c.raw/tot*100).toFixed(2)+'%)':'');}}})}}}); if(lid){document.getElementById(lid).innerHTML=labels.map(function(l,i){return '<div class="litem"><div class="ldot" style="background:'+colors[i]+'"></div>'+l+' ('+vals[i].toLocaleString()+')</div>';}).join('');} } function mkBar(cid,lid,labels,vals,color,yFmt,xfs){ var el=document.getElementById(cid);if(!el)return; xfs=xfs||13; new Chart(el,{type:'bar',data:{labels:labels,datasets:[{data:vals,backgroundColor:color,borderRadius:5,borderSkipped:false,barPercentage:0.75}]}, options:{responsive:true,maintainAspectRatio:false, plugins:{legend:{display:false},tooltip:tip({callbacks:{label:function(c){return ' '+c.label+': '+(yFmt?Number(c.raw).toLocaleString('th-TH')+' บาท':c.raw);}}})} , scales:{x:{grid:{display:false},ticks:{font:{family:'Sarabun',size:xfs},color:'#c8d8ec',maxRotation:30},border:{display:false}}, y:{grid:{color:'rgba(255,255,255,.05)'},ticks:{font:{family:'Sarabun',size:13},color:'#94a3b8',callback:function(v){return yFmt?v.toLocaleString():v;}},border:{display:false}}}}}); if(lid){document.getElementById(lid).innerHTML='<div class="litem"><div class="ldot" style="background:'+color+'"></div>'+(yFmt?'ทุนทรัพย์สำเร็จ':'ค่าที่แสดง')+'</div>';} } function mkDonut(cid,lid){ var el=document.getElementById(cid);if(!el)return; var btC=['#10b981','#ef4444','#f59e0b','#94a3b8'],btL=['สำเร็จ','ไม่สำเร็จ','ค้างไป','จำหน่าย'],btV=[tO,tF,tP,tD]; var cp={id:'cp',afterDraw:function(ch){ var ctx=ch.ctx,ca=ch.chartArea,cx=ca.left+ca.width/2,cy=ca.top+ca.height/2; ctx.save();ctx.textAlign='center';ctx.textBaseline='middle'; ctx.fillStyle='#10b981';ctx.font='bold 15px Sarabun,sans-serif';ctx.fillText('สำเร็จ '+pf(tO,tM)+'%',cx,cy-9); ctx.fillStyle='#94a3b8';ctx.font='13px Sarabun,sans-serif';ctx.fillText('ค้าง '+pf(tP,tM)+'%',cx,cy+11); ctx.restore(); }}; new Chart(el,{type:'doughnut',plugins:[cp],data:{labels:btL,datasets:[{data:btV,backgroundColor:btC,borderWidth:2,borderColor:'#0d1e30',hoverOffset:5}]}, options:{responsive:true,maintainAspectRatio:false,cutout:'60%',plugins:{legend:{display:false},tooltip:tip({callbacks:{label:function(c){return ' '+c.label+': '+c.raw.toLocaleString()+(tM>0?' ('+(c.raw/tM*100).toFixed(2)+'%)':'');}}})}}}); if(lid){document.getElementById(lid).innerHTML=btL.map(function(l,i){return '<div class="litem"><div class="ldot" style="background:'+btC[i]+'"></div>'+l+': '+btV[i].toLocaleString()+' ('+pf(btV[i],tM)+'%)</div>';}).join('');} } go(function(){ var btC=['#10b981','#ef4444','#f59e0b','#94a3b8'],btL=['สำเร็จ','ไม่สำเร็จ','ค้างไป','จำหน่าย']; var iLabels=data.map(function(d){return d.t;}),iColors=iLabels.map(function(_,i){return COLORS[i%COLORS.length];}); if(isPie){ mkPie(ID+'_ci',ID+'_li',iLabels,data.map(function(d){return d.med;}),iColors); mkDonut(ID+'_co',ID+'_lo'); data.filter(function(r){return r.med>0;}).forEach(function(r,ti){ var sid=ID+'_bt'+ti; mkPie(sid+'_c',sid+'_l',btL,[r.ok,r.fail,r.pend,r.dis],btC); }); var mData=data.filter(function(r){return r.med>0;}); mkPie(ID+'_cp',ID+'_lp',mData.map(function(r){return r.t;}),mData.map(function(r){return parseFloat(pf(r.pend,r.med));}),mData.map(function(_,i){return COLORS[i%COLORS.length];})); var aData=data.filter(function(r){return r.asset>0;}); if(aData.length>0){mkPie(ID+'_ca',ID+'_la',aData.map(function(r){return r.t;}),aData.map(function(r){return r.asset;}),aData.map(function(_,i){return COLORS[i%COLORS.length];}));} }else{ var el=document.getElementById(ID+'_ci'); if(el){new Chart(el,{type:'bar',data:{labels:iLabels,datasets:[ {label:'คดีเข้าสู่ศาล',data:data.map(function(r){return r.court;}),backgroundColor:'rgba(26,95,173,.8)',borderRadius:5,borderSkipped:false,barPercentage:0.75,categoryPercentage:0.7}, {label:'คดีเข้าไกล่เกลี่ย',data:data.map(function(r){return r.med;}),backgroundColor:'rgba(16,185,129,.8)',borderRadius:5,borderSkipped:false,barPercentage:0.75,categoryPercentage:0.7} ]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:tip({mode:'index',intersect:false})}, scales:{x:{grid:{display:false},ticks:{font:{family:'Sarabun',size:13},color:'#c8d8ec',maxRotation:30},border:{display:false}},y:{grid:{color:'rgba(255,255,255,.05)'},ticks:{font:{family:'Sarabun',size:13},color:'#94a3b8'},border:{display:false}}}}});} document.getElementById(ID+'_li').innerHTML='<div class="litem"><div class="ldot" style="background:rgba(26,95,173,.8)"></div>คดีเข้าสู่ศาล</div><div class="litem"><div class="ldot" style="background:rgba(16,185,129,.8)"></div>คดีเข้าไกล่เกลี่ย</div>'; var el2=document.getElementById(ID+'_co'); if(el2){new Chart(el2,{type:'bar',data:{labels:btL,datasets:[{data:[tO,tF,tP,tD],backgroundColor:btC,borderRadius:5,borderSkipped:false,barPercentage:0.7}]}, options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:tip({callbacks:{label:function(c){return ' '+c.label+': '+c.raw.toLocaleString()+(tM>0?' ('+(c.raw/tM*100).toFixed(2)+'%)':'');}}})}, scales:{x:{grid:{display:false},ticks:{font:{family:'Sarabun',size:14},color:'#c8d8ec'},border:{display:false}},y:{grid:{color:'rgba(255,255,255,.05)'},ticks:{font:{family:'Sarabun',size:13},color:'#94a3b8'},border:{display:false}}}}});} document.getElementById(ID+'_lo').innerHTML=btL.map(function(l,i){return '<div class="litem"><div class="ldot" style="background:'+btC[i]+'"></div>'+l+': '+[tO,tF,tP,tD][i].toLocaleString()+' ('+pf([tO,tF,tP,tD][i],tM)+'%)</div>';}).join(''); data.filter(function(r){return r.med>0;}).forEach(function(r,ti){ var sid=ID+'_bt'+ti,bel=document.getElementById(sid+'_c'); if(bel){new Chart(bel,{type:'bar',data:{labels:btL,datasets:[{data:[r.ok,r.fail,r.pend,r.dis],backgroundColor:btC,borderRadius:5,borderSkipped:false,barPercentage:0.75}]}, options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:tip({callbacks:{label:function(c){return ' '+c.label+': '+c.raw.toLocaleString()+(r.med>0?' ('+(c.raw/r.med*100).toFixed(2)+'%)':'');}}})}, scales:{x:{grid:{display:false},ticks:{font:{family:'Sarabun',size:12},color:'#c8d8ec'},border:{display:false}},y:{grid:{color:'rgba(255,255,255,.05)'},ticks:{font:{family:'Sarabun',size:12},color:'#94a3b8'},border:{display:false}}}}});} document.getElementById(sid+'_l').innerHTML=btL.map(function(l,i){var v=[r.ok,r.fail,r.pend,r.dis];return '<div class="litem"><div class="ldot" style="background:'+btC[i]+'"></div>'+l+': '+v[i].toLocaleString()+' ('+pf(v[i],r.med)+'%)</div>';}).join(''); }); var mData2=data.filter(function(r){return r.med>0;}); mkBar(ID+'_cp',ID+'_lp',mData2.map(function(r){return r.t;}),mData2.map(function(r){return parseFloat(pf(r.pend,r.med));}),'rgba(245,158,11,.85)',false,14); var aData2=data.filter(function(r){return r.asset>0;}); if(aData2.length>0){mkBar(ID+'_ca',ID+'_la',aData2.map(function(r){return r.t;}),aData2.map(function(r){return r.asset;}),'rgba(26,95,173,.85)',true,14);} } }); })(); </script> https://techno.coj.go.th/th/content/category/detail/id/4/cid/1878/iid/546485/ <p style="text-align: center;"><a href="https://gpj.coj.go.th/mdes69.html" target="_blank"><img alt="" src="/cms/s23//u374/banner/bigbanner/1778723978335.jpg" style="width: 80%;" /></a></p> https://techno.coj.go.th/th/content/category/detail/id/4/cid/1878/iid/546424/ <!-- ════ สถิติการปล่อยชั่วคราว: ศาลจังหวัดนครศรีธรรมราช มิถุนายน 2568 ════ ✅ Scoped — ไม่กระทบ CSS / Font ของเว็บเดิม --><script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script> <style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap'); #bsw1774493660321*,#bsw1774493660321*::before,#bsw1774493660321*::after{box-sizing:border-box;margin:0;padding:0} #bsw1774493660321{font-family:'Sarabun',sans-serif!important;font-size:15px;line-height:1.5;color:#c8d8ec;background:#07111f;border-radius:18px;overflow:hidden;position:relative;isolation:isolate;contain:layout style} #bsw1774493660321 .w-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:900px;height:400px;background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none;z-index:0} #bsw1774493660321 .w-page{position:relative;z-index:1;padding:28px 24px 48px;max-width:1280px;margin:0 auto} #bsw1774493660321 .w-hero{text-align:center;padding:36px 24px 32px;border-bottom:1px solid #1b3555;margin-bottom:32px;position:relative} #bsw1774493660321 .w-seal{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.15));border:1px solid rgba(59,130,246,.3);border-radius:50%;font-size:36px;margin-bottom:16px} #bsw1774493660321 .w-org{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#60a5fa;font-weight:600;margin-bottom:6px} #bsw1774493660321 .w-title{font-size:26px;font-weight:800;color:#f0f6ff;line-height:1.3;margin-bottom:6px} #bsw1774493660321 .w-period{display:inline-block;background:rgba(20,184,166,.12);border:1px solid rgba(20,184,166,.3);color:#14b8a6;font-size:14px;font-weight:600;padding:4px 18px;border-radius:20px;margin-top:4px} #bsw1774493660321 .w-hline{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent)} #bsw1774493660321 .w-sec{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#60a5fa;margin-bottom:14px;display:flex;align-items:center;gap:8px} #bsw1774493660321 .w-sec::after{content:'';flex:1;height:1px;background:#1b3555} #bsw1774493660321 .w-krow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px} #bsw1774493660321 .w-kpi{background:#112540;border:1px solid #1b3555;border-radius:14px;padding:20px 20px 18px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s} #bsw1774493660321 .w-kpi:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.4)} #bsw1774493660321 .w-kpi::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--kc,#3b82f6);opacity:.7} #bsw1774493660321 .w-kbar{position:absolute;top:0;right:0;height:100%;width:4px;background:var(--kc,#3b82f6);opacity:.4;border-radius:0 14px 14px 0} #bsw1774493660321 .w-klbl{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-bottom:6px} #bsw1774493660321 .w-kval{font-size:38px;font-weight:800;color:#f0f6ff;line-height:1} #bsw1774493660321 .w-kunit{font-size:13px;color:#94a3b8;margin-top:4px} #bsw1774493660321 .w-g2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px} #bsw1774493660321 .w-g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px} #bsw1774493660321 .w-card{background:#112540;border:1px solid #1b3555;border-radius:16px;padding:24px} #bsw1774493660321 .w-card.full{grid-column:1/-1} #bsw1774493660321 .w-ch{display:flex;align-items:center;gap:10px;margin-bottom:20px} #bsw1774493660321 .w-cdot{width:8px;height:8px;border-radius:50%;flex-shrink:0} #bsw1774493660321 .w-ctitle{font-size:14px;font-weight:700;color:#f0f6ff} #bsw1774493660321 .w-csub{font-size:11px;color:#94a3b8;margin-left:auto} #bsw1774493660321 .w-cwrap{position:relative} #bsw1774493660321 .w-dins{display:flex;flex-direction:column;gap:10px;margin-top:16px} #bsw1774493660321 .w-drow{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.03);border-radius:8px;padding:10px 14px} #bsw1774493660321 .w-dlbl{font-size:12px;color:#94a3b8} #bsw1774493660321 .w-dval{font-size:14px;font-weight:700;color:#f0f6ff} #bsw1774493660321 .w-dpct{font-size:11px;color:#14b8a6;margin-left:6px} #bsw1774493660321 .w-stbl{width:100%;border-collapse:collapse;font-size:13px} #bsw1774493660321 .w-stbl th{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;padding:8px 12px;text-align:left;border-bottom:1px solid #1b3555} #bsw1774493660321 .w-stbl td{padding:10px 12px;border-bottom:1px solid rgba(27,53,85,.5);color:#f0f6ff} #bsw1774493660321 .w-stbl tr:last-child td{border-bottom:none} #bsw1774493660321 .w-stbl tr:hover td{background:rgba(59,130,246,.04)} #bsw1774493660321 .w-tnum{font-weight:700;color:#f0f6ff;font-size:15px;text-align:right} #bsw1774493660321 .w-bi{display:flex;align-items:center;gap:8px} #bsw1774493660321 .w-bbg{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden} #bsw1774493660321 .w-bf{height:100%;border-radius:3px;width:0;transition:width .8s ease} #bsw1774493660321 .w-sbig{font-size:40px;font-weight:800;color:#f0f6ff} #bsw1774493660321 .w-slbl{font-size:11px;color:#94a3b8;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px} #bsw1774493660321 .w-sacc{font-size:12px;margin-top:4px} #bsw1774493660321 .w-sbar{margin-top:12px;height:4px;border-radius:2px;opacity:.5} #bsw1774493660321 footer{text-align:center;margin-top:48px;padding-top:24px;border-top:1px solid #1b3555;font-size:12px;color:#94a3b8} @media(max-width:900px){ #bsw1774493660321 .w-krow{grid-template-columns:repeat(2,1fr)} #bsw1774493660321 .w-g2,#bsw1774493660321 .w-g3{grid-template-columns:1fr} #bsw1774493660321 .w-card.full{grid-column:1} #bsw1774493660321 .w-kval{font-size:30px} } </style> <div id="bsw1774493660321"> <div class="w-glow">&nbsp;</div> <div class="w-page"> <div class="w-hero"> <div class="w-seal">⚖</div> <div class="w-org">ศาลจังหวัดนครศรีธรรมราช</div> <div class="w-title">สรุปผลการดำเนินการเกี่ยวกับ<br /> การปล่อยชั่วคราวผู้ต้องหาหรือจำเลย</div> <div class="w-period">ประจำเดือน มิถุนายน 2568</div> <div class="w-hline">&nbsp;</div> </div> <div class="w-sec">ภาพรวมสถิติ</div> <div class="w-krow"> <div class="w-kpi" style="--kc:#3b82f6"> <div class="w-kbar">&nbsp;</div> <div class="w-klbl">คำร้องทั้งหมด</div> <div class="w-kval">417</div> <div class="w-kunit">เรื่อง</div> </div> <div class="w-kpi" style="--kc:#10b981"> <div class="w-kbar">&nbsp;</div> <div class="w-klbl">ศาลอนุญาต</div> <div class="w-kval">325</div> <div class="w-kunit">เรื่อง <span style="color:#10b981;font-size:12px">(77.9%)</span></div> </div> <div class="w-kpi" style="--kc:#f43f5e"> <div class="w-kbar">&nbsp;</div> <div class="w-klbl">ศาลไม่อนุญาต</div> <div class="w-kval">92</div> <div class="w-kunit">เรื่อง <span style="color:#f43f5e;font-size:12px">(22.1%)</span></div> </div> <div class="w-kpi" style="--kc:#f59e0b"> <div class="w-kbar">&nbsp;</div> <div class="w-klbl">ส่งศาลสูง</div> <div class="w-kval">24</div> <div class="w-kunit">เรื่อง</div> </div> </div> <div class="w-sec">คำร้องและผลการพิจารณา</div> <div class="w-g2"> <div class="w-card"> <div class="w-ch"> <div class="w-cdot" style="background:#10b981">&nbsp;</div> <div class="w-ctitle">สัดส่วนผลการพิจารณาคำร้อง</div> <div class="w-csub">417 เรื่อง</div> </div> <div class="w-cwrap" style="height:220px"><canvas id="bsw1774493660321_c1"></canvas></div> <div class="w-dins"> <div class="w-drow"><span class="w-dlbl">อนุญาต</span> <span><span class="w-dval">325</span><span class="w-dpct">77.9%</span></span></div> <div class="w-drow"><span class="w-dlbl">ไม่อนุญาต</span> <span><span class="w-dval">92</span><span class="w-dpct" style="color:#f43f5e">22.1%</span></span></div> <div class="w-drow"><span class="w-dlbl">ส่งศาลสูง</span> <span><span class="w-dval">24</span><span class="w-dpct" style="color:#f59e0b">5.8%</span></span></div> </div> </div> <div class="w-card"> <div class="w-ch"> <div class="w-cdot" style="background:#8b5cf6">&nbsp;</div> <div class="w-ctitle">ประเภทคดีตามอัตราโทษ</div> <div class="w-csub">417 เรื่อง</div> </div> <div class="w-cwrap" style="height:220px"><canvas id="bsw1774493660321_c2"></canvas></div> <div class="w-dins"> <div class="w-drow"><span class="w-dlbl">โทษเกิน 10 ปี</span> <span><span class="w-dval">333</span><span class="w-dpct" style="color:#f43f5e">79.9%</span></span></div> <div class="w-drow"><span class="w-dlbl">โทษไม่เกิน 10 ปี</span> <span><span class="w-dval">84</span><span class="w-dpct" style="color:#8b5cf6">20.1%</span></span></div> </div> </div> </div> <div class="w-g2" style="margin-bottom:20px"> <div class="w-card"> <div class="w-ch"> <div class="w-cdot" style="background:#14b8a6">&nbsp;</div> <div class="w-ctitle">ประเภทการอนุญาตปล่อยชั่วคราว</div> <div class="w-csub">325 เรื่อง</div> </div> <div class="w-cwrap" style="height:200px"><canvas id="bsw1774493660321_c3"></canvas></div> </div> <div class="w-card"> <div class="w-ch"> <div class="w-cdot" style="background:#f59e0b">&nbsp;</div> <div class="w-ctitle">มาตรการเสริมในการปล่อยชั่วคราว</div> <div class="w-csub">417 เรื่อง</div> </div> <table class="w-stbl"> <thead> <tr> <th>มาตรการเสริม</th> <th style="text-align:right">จำนวน</th> <th>สัดส่วน</th> </tr> </thead> <tbody> <tr> <td>ใช้การประเมินความเสี่ยง</td> <td class="w-tnum">77</td> <td> <div class="w-bi"> <div class="w-bbg"> <div class="w-bf" data-w="18.5" style="background:#3b82f6">&nbsp;</div> </div> <span style="font-size:11px;color:#3b82f6;min-width:38px">18.5%</span></div> </td> </tr> <tr> <td>ไม่ใช้การประเมินความเสี่ยง</td> <td class="w-tnum">340</td> <td> <div class="w-bi"> <div class="w-bbg"> <div class="w-bf" data-w="81.5" style="background:#10b981">&nbsp;</div> </div> <span style="font-size:11px;color:#10b981;min-width:38px">81.5%</span></div> </td> </tr> <tr> <td>ตั้งผู้กำกับดูแล</td> <td class="w-tnum">0</td> <td> <div class="w-bi"> <div class="w-bbg"> <div class="w-bf" data-w="0.0" style="background:#f59e0b">&nbsp;</div> </div> <span style="font-size:11px;color:#94a3b8;min-width:38px">0.0%</span></div> </td> </tr> <tr> <td>ติดอุปกรณ์ EM</td> <td class="w-tnum">2</td> <td> <div class="w-bi"> <div class="w-bbg"> <div class="w-bf" data-w="0.5" style="background:#f43f5e;min-width:4px">&nbsp;</div> </div> <span style="font-size:11px;color:#f43f5e;min-width:38px">0.5%</span></div> </td> </tr> </tbody> </table> </div> </div> <div class="w-sec">ภาพรวมข้อมูลทั้งหมด</div> <div class="w-card full"> <div class="w-ch"> <div class="w-cdot" style="background:#3b82f6">&nbsp;</div> <div class="w-ctitle">แผนภูมิสรุปข้อมูลการปล่อยชั่วคราวผู้ต้องหาหรือจำเลย</div> <div class="w-csub">มิถุนายน 2568</div> </div> <div class="w-cwrap" style="height:300px"><canvas id="bsw1774493660321_c4"></canvas></div> </div> <div class="w-sec" style="margin-top:28px">รูปแบบคำร้อง</div> <div class="w-g3"> <div class="w-card" style="text-align:center"> <div class="w-slbl">คำร้องใบเดียว</div> <div class="w-sbig">417</div> <div class="w-sacc" style="color:#14b8a6">100.0% ของคำร้องทั้งหมด</div> <div class="w-sbar" style="background:#14b8a6">&nbsp;</div> </div> <div class="w-card" style="text-align:center"> <div class="w-slbl">คำร้องทั่วไป</div> <div class="w-sbig">0</div> <div class="w-sacc" style="color:#94a3b8">ไม่มีในเดือนนี้</div> <div class="w-sbar" style="background:#1b3555">&nbsp;</div> </div> <div class="w-card" style="text-align:center"> <div class="w-slbl">อนุญาต / ทั้งหมด</div> <div class="w-sbig" style="color:#10b981">77.9%</div> <div class="w-sacc" style="color:#94a3b8">325 จาก 417 เรื่อง</div> <div class="w-sbar" style="background:#10b981">&nbsp;</div> </div> </div> <footer>ศาลจังหวัดนครศรีธรรมราช &nbsp;&middot;&nbsp; สรุปผลการดำเนินการเกี่ยวกับเรื่องการปล่อยชั่วคราวผู้ต้องหาหรือจำเลย ประจำเดือนมิถุนายน 2568</footer> </div> </div> <script> (function(){ var ID = 'bsw1774493660321'; function go(fn){ if(window.Chart){ fn(); } else { setTimeout(function(){ go(fn); },80); } } go(function(){ var bf = {family:"'Sarabun',sans-serif"}; var ac = '#94a3b8', gc = 'rgba(27,53,85,.6)'; var tt = {backgroundColor:'#0d1e30',titleColor:'#f0f6ff',bodyColor:'#94a3b8',borderColor:'#1b3555',borderWidth:1,padding:10,cornerRadius:8,displayColors:false}; var sXY = {x:{grid:{color:gc},ticks:{color:ac,font:Object.assign({size:11},bf)},border:{color:gc}},y:{grid:{color:gc},ticks:{color:ac,font:Object.assign({size:11},bf)},border:{color:gc}}}; var sHb = {x:{grid:{color:gc},ticks:{color:ac,font:Object.assign({size:11},bf)},border:{color:gc}},y:{grid:{display:false},ticks:{color:'#c8d8ec',font:Object.assign({size:12},bf)},border:{display:false}}}; function ct(id,val){return{id:'ct'+id,afterDraw:function(c){var x=c.ctx,w=c.width,h=c.height;x.save();x.textAlign='center';x.textBaseline='middle';x.font='bold 28px Sarabun';x.fillStyle='#f0f6ff';x.fillText(val,w/2,h/2-10);x.font='12px Sarabun';x.fillStyle='#94a3b8';x.fillText('เรื่อง',w/2,h/2+14);x.restore();}}} // Donut 1: approval new Chart(document.getElementById(ID+'_c1'),{type:'doughnut',data:{labels:['อนุญาต','ไม่อนุญาต','ส่งศาลสูง'],datasets:[{data:[325,92,24],backgroundColor:['rgba(16,185,129,.8)','rgba(244,63,94,.8)','rgba(245,158,11,.8)'],borderColor:['#10b981','#f43f5e','#f59e0b'],borderWidth:1.5,hoverOffset:8}]},options:{cutout:'68%',responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:{...tt,callbacks:{label:function(c){return ' '+c.label+': '+c.raw+' เรื่อง ('+((c.raw/417)*100).toFixed(1)+'%)';}}}}},plugins:[ct('1','417')]}); // Donut 2: penalty new Chart(document.getElementById(ID+'_c2'),{type:'doughnut',data:{labels:['โทษเกิน 10 ปี','โทษไม่เกิน 10 ปี'],datasets:[{data:[333,84],backgroundColor:['rgba(244,63,94,.8)','rgba(139,92,246,.8)'],borderColor:['#f43f5e','#8b5cf6'],borderWidth:1.5,hoverOffset:8}]},options:{cutout:'68%',responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:{...tt,callbacks:{label:function(c){return ' '+c.label+': '+c.raw+' เรื่อง ('+((c.raw/417)*100).toFixed(1)+'%)';}}}}},plugins:[ct('2','417')]}); // Horizontal bar: approval type new Chart(document.getElementById(ID+'_c3'),{type:'bar',data:{labels:['สาบานตน','มีประกัน','มีประกัน + หลักประกัน'],datasets:[{data:[2,9,314],backgroundColor:['rgba(139,92,246,.7)','rgba(20,184,166,.7)','rgba(59,130,246,.8)'],borderColor:['#8b5cf6','#14b8a6','#3b82f6'],borderWidth:1.5,borderRadius:6,borderSkipped:false}]},options:{indexAxis:'y',responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:{...tt,callbacks:{label:function(c){return ' '+c.raw+' เรื่อง ('+((c.raw/325)*100).toFixed(1)+'%)';}}}},scales:sHb}}); // Overview bar var ovC=['rgba(59,130,246,.85)','rgba(139,92,246,.75)','rgba(244,63,94,.75)','rgba(59,130,246,.55)','rgba(16,185,129,.85)','rgba(139,92,246,.7)','rgba(20,184,166,.7)','rgba(59,130,246,.8)','rgba(244,63,94,.85)','rgba(245,158,11,.85)','rgba(99,102,241,.8)','rgba(34,197,94,.7)','rgba(107,114,128,.5)','rgba(239,68,68,.75)']; new Chart(document.getElementById(ID+'_c4'),{type:'bar',data:{labels:['คำร้องทั้งหมด','โทษ ≤10ปี','โทษ >10ปี','คำร้องใบเดียว','ศาลอนุญาต','สาบานตน','มีประกัน','มีประกัน+หลักประกัน','ไม่อนุญาต','ส่งศาลสูง','ใช้ประเมินความเสี่ยง','ไม่ใช้ประเมินฯ','ตั้งผู้กำกับดูแล','ติดอุปกรณ์ EM'],datasets:[{data:[417,84,333,417,325,2,9,314,92,24,77,340,0,2],backgroundColor:ovC,borderColor:ovC.map(function(c){return c.replace(/[\d.]+\)$/,'1)');}),borderWidth:1,borderRadius:5,borderSkipped:false}]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:{...tt,callbacks:{label:function(c){return ' '+c.raw+' เรื่อง';}}}},scales:{x:{grid:{display:false},ticks:{color:ac,font:Object.assign({size:10.5},bf),maxRotation:35,minRotation:30},border:{color:gc}},y:{grid:{color:'rgba(27,53,85,.5)'},ticks:{color:ac,font:Object.assign({size:11},bf)},border:{color:gc}}}}}); // Animate progress bars setTimeout(function(){ document.querySelectorAll('#'+ID+' .w-bf').forEach(function(el){ var w=el.getAttribute('data-w'); if(w!==null) requestAnimationFrame(function(){ el.style.width=w+'%'; }); }); },150); }); })(); </script>