PHP အတွက် PHP အတွက်လက်တွေ့ကျတဲ့နည်းလမ်းမှာအွန်လိုင်းဇယားနှင့်ဒေတာမြင်ကွင်းကိုနားလည်သဘောပေါက်ရန်

PHP တွင်အွန်လိုင်းဇယားများနှင့်အချက်အလက်မြင်ကွင်းကိုမည်သို့နားလည်ရမည်နည်း

မျက်မှောက်ခေတ်ဝက်ဘ်ဆိုက်လျှောက်လွှာများတွင်အချက်အလက်များ၏ဂရပ်ဖစ် displication display သည်အသုံးပြုသူအတွေ့အကြုံကိုတိုးတက်စေသည်သာမကအချက်အလက်အကြောင်းအရာများကိုပိုမိုအလိုလိုသိရန်လည်းကူညီသည်။ PHP နှင့် Front-end Charchy စာကြည့်တိုက်စာကြည့်တိုက်စာကြည့်တိုက်, ထိရောက်သောနှင့်တက်ကြွသောအချက်အလက်မြင်ကွင်းကိုပေါင်းစပ်ခြင်းဖြင့်ရရှိနိုင်ပါသည်။ ဤဆောင်းပါးသည် chart.js နှင့် google charts များဖြစ်သောဘုံအကောင်အထည်ဖော်မှုနည်းလမ်းနှစ်ခုကိုမျှဝေပါမည်။

chart.js ကိုအသုံးပြုပြီးဇယားပြပါ

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 ကိုအသုံးပြုပြီး visual charts ကိုထုတ်လုပ်ပါ

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 မှတစ်ဆင့်အကောင်အထည်ဖော်သည့်ဘားဇယားသည်ဘားဂျက်ဇယားမှဖန်တီးသည်ဖြစ်စေ, ဖွံ့ဖြိုးရေးလုပ်ငန်းစဉ်အတွင်း, အကောင်းဆုံးအမြင်အာရုံသက်ရောက်မှုများနှင့်အပြန်အလှန်အကျိုးသက်ရောက်မှုများရရှိရန်တိကျသောလိုအပ်ချက်များနှင့်အညီသင့်တော်သောဇယားကိရိယာများကိုရွေးချယ်နိုင်သည်။