မျက်မှောက်ခေတ်ဝက်ဘ်ဆိုက်လျှောက်လွှာများတွင်အချက်အလက်များ၏ဂရပ်ဖစ် displication display သည်အသုံးပြုသူအတွေ့အကြုံကိုတိုးတက်စေသည်သာမကအချက်အလက်အကြောင်းအရာများကိုပိုမိုအလိုလိုသိရန်လည်းကူညီသည်။ PHP နှင့် Front-end Charchy စာကြည့်တိုက်စာကြည့်တိုက်စာကြည့်တိုက်, ထိရောက်သောနှင့်တက်ကြွသောအချက်အလက်မြင်ကွင်းကိုပေါင်းစပ်ခြင်းဖြင့်ရရှိနိုင်ပါသည်။ ဤဆောင်းပါးသည် chart.js နှင့် google charts များဖြစ်သောဘုံအကောင်အထည်ဖော်မှုနည်းလမ်းနှစ်ခုကိုမျှဝေပါမည်။
Chart.js သည် Bar Charts, Line Charts များ, PHP နှင့် data များကိုဖြတ်သန်းခြင်းကို JavaScript code ကို dynamiciript code ကို dynamiciript code ကိုထုတ်လုပ်ခြင်းဖြင့်အလိုအလျောက်ပြန့်ပွားနိုင်လိမ့်မည်။
<?php // ဒေတာကိုသတ်မှတ်ပါ $data = array( "January" => 10 "ဖေဖော်ဝါရီ" => 20, "မတ်လ" => 15, "April" => 25, "May" => 30, "ဇွန်" => 20 ); // JavaScript ကုဒ် $ JSCode = " <script src='https://cdn.jsdelivr.net/npm/chart.js'></script> <script> var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: " . json_encode(array_keys($data)) . ", datasets: [{ label: 'Number of Sales', data: " . json_encode(array_values($data)) . ", backgroundColor: 'rgba(75, 192, 192, 0.2)', borderColor: 'rgba(75, 192, 192, 1)', borderWidth: 1 }] }, options: { scales: { y: { beginAtZero: true } } } }); </script> "; // output chart ပဲ့တင်သံ "<canvas id='myChart' width='400' height='400'></canvas> "; ECHO $ JSCODED; >
ဤကုဒ်တွင် PHP သည်အချက်အလက်များကိုအချက်အလက်များကိုပြင်ဆင်ခြင်းနှင့်သက်ဆိုင်ရာ Javascript scripts များကိုထုတ်လုပ်ရန်နှင့် 0 က်ဘ်ဆိုက်ကိုဖြည့်စွက်ရန်တာ 0 န်ရှိသည်။
Google Charts သည် Google မှပေးသောအခမဲ့ဇယားကွက်သည် PEPPS, Maps, Bar Charts စသည့်ဇယားအမျိုးအစားအမျိုးမျိုးကိုထောက်ပံ့သည်။ Pie charts များ,
<?php // ဒေတာကိုသတ်မှတ်ပါ $data = array( array('Task', 'Hours per Day'), array('Work', 11), array('Eat', 2), array('Sleep', 7), array('Exercise', 4) ); // ဖြစ်ပါှးစေ HTML လုံးပေါင်းပြဌါန်းသည့်ဉပဒေ $htmlCode = " <script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script> <script type='text/javascript'> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable(" . json_encode($data) . "); var options = { title: 'My Daily Activities', pieHole: 0.4, }; var chart = new google.visualization.PieChart(document.getElementById('donutchart')); chart.draw(data, options); } </script> <div id='donutchart' style='width: 900px; height: 500px;'></div> "; // output chart ပဲ့တင်သံ $ htmlcode; >
Google Charts နှင့်အတူအပြန်အလှန်အကျိုးသက်ရောက်မှုရှိသောဇယားများကိုအချက်အလက်ခွဲခြမ်းစိတ်ဖြာခြင်းနှင့်တင်ဆက်မှုအခြေအနေအမျိုးမျိုးအတွက်အလွယ်တကူတည်ဆောက်နိုင်သည်။
PHP သည် data visualization စွမ်းရည်ကိုအလွန်တိုးတက်စေရန်ရှေ့တန်းအဆင့်သတ်မှတ်ချက်စာကြည့်တိုက်နှင့်ပေါင်းစပ်ထားသည်။ CHART.Js သို့မဟုတ် Pie chart မှတစ်ဆင့်အကောင်အထည်ဖော်သည့်ဘားဇယားသည်ဘားဂျက်ဇယားမှဖန်တီးသည်ဖြစ်စေ, ဖွံ့ဖြိုးရေးလုပ်ငန်းစဉ်အတွင်း, အကောင်းဆုံးအမြင်အာရုံသက်ရောက်မှုများနှင့်အပြန်အလှန်အကျိုးသက်ရောက်မှုများရရှိရန်တိကျသောလိုအပ်ချက်များနှင့်အညီသင့်တော်သောဇယားကိရိယာများကိုရွေးချယ်နိုင်သည်။