မြန်မာဘာသာ
မြန်မာဘာသာ
Web Development တွင်ဒေတာမြင်ကွင်းသည်အချက်အလက်များကိုအလိုအလျောက်နားလည်ရန်အထောက်အကူပြုသူများအားကူညီနိုင်သည်။ PHP interface ကိုပေါင်းစပ်ခြင်းနှင့် Etecharts စာကြည့်တိုက်ကိုပေါင်းစပ်ခြင်းအားဖြင့်ကျွန်ုပ်တို့သည်ဒေတာများကိုအသုံးပြုပြီးအချိန်နှင့်တပြေးညီမြင်တွေ့ရရန်ဝက်ဘ်စာမျက်နှာရှိ dynam-end အချက်အလက်များကိုအလွယ်တကူဖော်ပြနိုင်သည်။
သင်မစတင်မီအောက်ပါပတ် 0 န်းကျင်ပြင်ဆင်မှုများကိုသင်ပြီးအောင်လုပ်ပါ။
PHP မျက်နှာပြင်၏လုပ်ဆောင်ချက်မှာဒေတာဘေ့စ်မှဒေတာများကိုရယူရန်နှင့် JSON format ရှိရှေ့တန်းသို့ပြန်ပို့ရန်ဖြစ်သည်။ ဒီနေရာမှာအခြေခံဥပမာတစ်ခုပါ။
<?php
// ဒေတာဘေ့စနှင့်ဆက်သွယ်ပါ
$mysqli = new mysqli("localhost", "username", "password", "database");
// ဆက်သွယ်မှုကိုစစ်ဆေးပါ
if ($mysqli-> connect_error) {
Die ("ဒေတာဘေ့စဆက်သွယ်မှုမအောင်မြင်ပါ။ " ။ $ MySQLI-> Connect_ERRORR)
}
// query data $ query = "data_table မှ select * select *);
$ ရလဒ် = $ MySQLI-> မေးမြန်းမှု ($ query);
// JSON format ကို $ ဒေတာ = [];
နေစဉ် ($ အတန်း = $ ရလဒ် -> finch_assoc ()) {
$ ဒေတာ [] = $ အတန်း;
}
// ပြန်လာရလဒ်ခေါင်းစဉ် ('အကြောင်းအရာအမျိုးအစား: လျှောက်လွှာ / json');
echo json_entode ($ ဒေတာ);
// ဆက်သွယ်မှုကိုပိတ်ပါ $ MySQLI-> အနီးကပ် (),
>ဤကုဒ်သည် MySQLI မှတစ်ဆင့်ဒေတာဘေ့စ်နှင့်ချိတ်ဆက်ထားသည်။ ဇယားရှိအချက်အလက်များကိုဖတ်ပြီးရှေ့ဆုံးခေါ်ဆိုမှုအတွက် JSON format ဖြင့်ပြန်ပို့သည်။
ရှေ့ပြေးအဆုံးအပိုင်းသည်အဓိကအားဖြင့် PHP interface မှ Ajax တောင်းဆိုမှုများမှတစ်ဆင့်ပြန်လာသောအချက်အလက်များကိုရယူရန်နှင့်စာရင်းအင်းဇယားများထုတ်လုပ်ရန် Ettarts ကိုအသုံးပြုခြင်းအတွက်အဓိကအားဖြင့်တာဝန်ရှိသည်။
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP နှင့် ECHARTS ဒေတာမြင်ကွင်း</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.6.0/echarts.min.js"></script>
</head>
<body>
<div id="chart" style="width:800px;height:400px;"></div>
<script type="text/javascript">
$.ajax({
url: "api.php",
type: "GET",
dataType: "json",
success: function(data) {
var chart = echarts.init(document.getElementById('chart'));
var option = {
xAxis: {
type: 'category',
data: data.map(item => item.name)
},
yAxis: {
type: 'value'
},
series: [{
data: data.map(item => item.value),
type: 'bar'
}]
};
chart.setOption(option);
}
});
</script>
</body>
</html>ဤ HTML စာမျက်နှာသည် PHP interface ကို JQuery ၏ Ajax function မှတဆင့်ခေါ်ဆိုသည်။ ဒေတာများကိုအောင်မြင်စွာရယူပြီးနောက်တွင်နောက်ခံအချက်အလက်များကိုရှေ့ပြေးပုံစံကိုမြင်တွေ့ရန်ရှေ့ပြေးမြင်ကွင်းကိုရရှိရန် ECHARGRANS histogram ကို dynamics letogram ထုတ်ပေးသည်။
ဒေတာဘေ့စ်တွင်အခြေခံလယ်ကွက်နှစ်ခုပါရှိသောဒေတာစားပွဲတစ်ခုဖန်တီးရန်အကြံပြုသည်။
လုပ်ငန်းခွင်ဖွဲ့စည်းပုံကိုစီးပွားရေးလိုအပ်ချက်များနှင့်အညီချိန်ညှိနိုင်သည်။
PHP မျက်နှာပြင်နှင့် ECHARTS ပေါင်းစပ်ခြင်းအားဖြင့် developer များသည် data visualization display ကိုထိထိရောက်ရောက်နားလည်နိုင်သည်။ နောက်ခံဒေတာဘေ့စ်မှအချက်အလက်များကိုဖတ်ပါ။ ဤနည်းလမ်းသည်အစီရင်ခံစာပြသခြင်း, စီးပွားရေးခွဲခြမ်းစိတ်ဖြာခြင်းနှင့်စောင့်ကြည့်လေ့လာခြင်းစနစ်ကဲ့သို့သောအမျိုးမျိုးသော web application အခြေအနေများအတွက်သင့်တော်သည်။
