လက်ရှိတည်နေရာ: ပင်မစာမျက်နှာ> နောက်ဆုံးရဆောင်းပါးများစာရင်း> PHP ကို ​​Javascript ဖြင့် PHP ကို ​​အသုံးပြု. စတော့ရှယ်ယာဖယောင်းတိုင်များဆွဲခြင်းအပေါ်အပြည့်အစုံပါ 0 င်သည်

PHP ကို ​​Javascript ဖြင့် PHP ကို ​​အသုံးပြု. စတော့ရှယ်ယာဖယောင်းတိုင်များဆွဲခြင်းအပေါ်အပြည့်အစုံပါ 0 င်သည်

M66 2025-07-09

စတော့ရှယ်ယာဖယောင်းတိုင်ဇယား၏အခြေခံအယူအဆကိုနိဒါန်း

စတော့ရှယ်ယာဖယောင်းတိုင်ပံ့ပိုးမှုဇယားများမှာနည်းပညာဆိုင်ရာခွဲခြမ်းစိတ်ဖြာမှုများတွင်ကျယ်ကျယ်ပြန့်ပြန့်အသုံးပြုသောဂရပ်များဖြစ်သည်။ ဤဆောင်းပါးသည် PHP နှင့် JavaScript မှတစ်ဆင့်ဇယားကိုမည်သို့ထုတ်လုပ်နိုင်ကြောင်းနှင့်ရှေ့တန်းပြန်ဆိုမှုအတွက် Chart.js ကိုအသုံးပြုရမည်ကိုသရုပ်ပြပါလိမ့်မည်။

ဖွံ့ဖြိုးရေးပတ်ဝန်းကျင်အတွက်ပြင်ဆင်ပါ

သင်မစခင်, သင့်တွင်အောက်ပါပတ် 0 န်းကျင်ရှိကြောင်းသေချာပါစေ။

  • PHP နှင့်အတူဆာဗာ configured
  • HTML5 နှင့်ပတ်တူများကိုထောက်ပံ့သောခေတ်သစ် browser များ
  • chart.js chart စာကြည့်တိုက် (CDN သို့မဟုတ်တရားဝင်ဝက်ဘ်ဆိုက်မှတဆင့်ဒေါင်းလုပ်ဆွဲနိုင်သည်)

စတော့ရှယ်ယာသမိုင်းဆိုင်ရာအချက်အလက်များကိုပြင်ဆင်ပါ

သငျသညျသမိုင်းဝင်စတော့ရှယ်ယာစျေးနှုန်းသတင်းအချက်အလက်များပါ 0 င်သောခင်းကျင်းရန်လိုအပ်သည်, အချက်အလက်အပိုင်းတစ်ခုစီတွင် -

  • နေ့စဲှ
  • ဖွင့်လှစ်စျေးနှုန်း (ဖွင့်လှစ်)
  • အနီးကပ်စျေးနှုန်း (အနီးကပ်)
  • အမြင့်ဆုံးစျေးနှုန်း
  • နိမ့်ဆုံးစျေးနှုန်း (အနိမ့်)

PHP ကိုအသုံးပြုပြီးဇယားအချက်အလက်များကိုထုတ်လုပ်ပါ

PHPT ကို အသုံးပြု. chart.js ရှိလိုအပ်သောပုံစံဖြင့်သိုလှောင်ထားသောအချက်အလက်များကို format လုပ်ရန် Code specuting ဥပမာတစ်ခုဖြစ်သည်။

 
<?php
$stockData = array(
    array("date" => "2021-01-01", "open" => 100, "close" => 120, "high" => 130, "low" => 90),
    // နောက်ထပ်ဒေတာပစ္စည်းများ...
);

$chartData = array();

foreach ($stockData as $stock) {
    $chartData[] = array(
        "t" => strtotime($stock["date"]),
        "o" => $stock["open"],
        "c" => $stock["close"],
        "h" => $stock["high"],
        "l" => $stock["low"]
    );
}

echo json_encode($chartData);
?>

ဤကုဒ်သည်မူရင်းစတော့ဈေးနှုန်းကို chart.js တွင်ရရှိနိုင်သည့်အချက်အလက်ပုံစံကိုပြောင်းလဲစေပြီးနောက်ဆုံးတွင် JSON တွင် JSON တွင် OUTS တွင်ထွက်လာသည်။

HTML စာမျက်နှာနှင့် load chart.js ရေးပါ

HTML ဖိုင်တစ်ခုကိုဖန်တီးပါ, Chart.js ကိုမိတ်ဆက်ပေးပြီးဇယားကွက်အတွက်ပတ်တူဒြပ်စင်များကိုထည့်ပါ။

 
<!DOCTYPE html>
<html>
<head>
    <title>စတော့ရှယ်ယာဖယောင်းတိုင်ဇယား</title>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
    <canvas id="candlestick-chart"></canvas>
    <script>
        <?php include 'generateChartData.php'; ?>
        var ctx = document.getElementById('candlestick-chart').getContext('2d');
        var chartData = <?php echo json_encode($chartData); ?>;

        new Chart(ctx, {
            type: 'candlestick',
            data: {
                datasets: [{ data: chartData }]
            },
            options: {
                // Configuration ပစ္စည်းများကိုအမှန်တကယ်လိုအပ်ချက်များနှင့်အညီချိန်ညှိနိုင်သည်
            }
        });
    </script>
</body>
</html>

ဤ HTML ဖွဲ့စည်းပုံသည်စတော့ရှယ်ယာဖယောင်းတိုင်ဇယားကိုမြင်ယောင်ကြည့်ရန် chart.js နှင့်ပူးပေါင်းသည်။

စိတ်ကြိုက်ဇယားစတိုင်များ

Chart.js သည်ကြွယ်ဝသော configuration option ကိုထောက်ပံ့ပေးပြီးအရောင်, Prompt box, ဝင်ရိုးစကေးစသည့်အမှန်တကယ်လိုအပ်ချက်များကိုအရအမှန်တကယ်လိုအပ်ချက်များနှင့်အညီ finle charts စတိုင်ကိုစိတ်ကြိုက်ပြုလုပ်နိုင်သည်။

chart.js မီးသီးစာရွက်စာတမ်းများ

ကောက်ချက်

PHP မှအချက်အလက်များကို php နှင့် chart.js နှင့်ပေါင်းစပ်ခြင်းအားဖြင့် JavaScript နှင့် chart.js တို့နှင့်ပေါင်းစပ်ခြင်းအားဖြင့်သင်မြန်မြန်ဆန်ဆန်မွမ်းမံထားသောစတော့ရှယ်ယာဖယောင်းတိုင်ဇယားကွက်ကိုလျင်မြန်စွာတည်ဆောက်နိုင်သည်။ ဘဏ် financial ာရေးဆိုင်ရာအချက်အလက်တင်ဆက်မှုသို့မဟုတ်သင်ကြားရေးဆန္ဒပြပွဲများအတွက်အသုံးပြုသည်ဖြစ်စေဤဖြေရှင်းချက်သည်အကျိုးရှိရှိနှင့်အရွယ်အစားရှိသည်။

ဆက်စပ်အကြောင်းအရာ