Cara membuat carta candlestick saham menggunakan PHP dan JS-tutorial php-php.cn

Cara membuat carta candlestick saham menggunakan PHP dan JS

WBOY

Lepaskan： 2023-12-17 08:10:01

asal

1055 orang telah melayarinya

Cara membuat carta candlestick saham menggunakan PHP dan JS

Cara membuat carta lilin saham menggunakan PHP dan JS

Carta lilin saham ialah grafik analisis teknikal biasa dalam pasaran saham Ia membantu pelaburan dengan menarik harga pembukaan, harga penutup, harga tertinggi dan harga terendah saham. Pelabur boleh memahami dengan lebih intuitif turun naik harga saham. Artikel ini akan mengajar anda cara membuat carta lilin saham menggunakan PHP dan JS, dengan contoh kod khusus.

1. Sebelum kita mula, kita perlu menyediakan persekitaran berikut:
1 Pelayan yang menjalankan PHP
2 Pelayar yang menyokong HTML5 dan Canvas
3 dimuat turun daripada Muat turun versi terkini daripada laman web rasmi: https://www.chartjs.org/

2. Dapatkan data stok

Pertama, kita perlu mendapatkan data sejarah harga saham, yang boleh diperolehi daripada antara muka API , pangkalan data atau sumber data lain. Di sini kami menganggap bahawa kami telah memperoleh tatasusunan yang mengandungi harga saham Setiap elemen mengandungi data berikut: tarikh, harga pembukaan, harga tutup, harga tertinggi dan harga terendah.

3. Tulis kod PHP untuk menjana data carta

Dalam fail PHP, kita boleh menggunakan tatasusunan harga saham yang diperolehi untuk menukarnya kepada format data yang memenuhi keperluan Chart.js. Pelaksanaan khusus adalah seperti berikut:

<?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);
?>

Salin selepas log masuk

Kod di atas mula-mula mentakrifkan tatasusunan $stockData untuk menyimpan data harga saham, dan kemudian menukar setiap item data ke dalam format yang memenuhi keperluan Chart.js melalui gelung dan menyimpannya dalam tatasusunan $chartData. Akhir sekali, gunakan fungsi json_encode untuk menukar tatasusunan $chartData menjadi rentetan format JSON dan mengeluarkannya ke penyemak imbas.

4 Buat fail HTML dan perkenalkan Chart.js

Seterusnya, kita perlu mencipta fail HTML, memperkenalkan pustaka Chart.js dan tulis teg Kanvas untuk memaparkan carta lilin. Contoh kod khusus adalah seperti berikut:

<!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'; ?> // 引入生成图表数据的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: {
                // 具体的配置项可以根据需要进行调整
            }
        });
    </script>
</body>
</html>

Salin selepas log masuk

Dalam kod di atas, kami mula-mula memperkenalkan pustaka Chart.js, dan kemudian menambahkan teg Kanvas dengan id 'candlestick-cart' pada halaman untuk memaparkan carta lilin saham. Seterusnya, data carta yang dijana diberikan kepada pembolehubah chartData melalui kod PHP Akhir sekali, contoh carta lilin dibuat menggunakan perpustakaan Chart.js dan data carta dihantar ke dalam fungsi penciptaan.

5 Laraskan gaya carta dan item konfigurasi

Mengikut keperluan sebenar, kami boleh melaraskan lagi gaya carta dan item konfigurasi mengikut dokumentasi Chart.js. Alamat dokumen adalah seperti berikut: https://www.chartjs.org/docs/latest/charts/candlestick.html

Dengan mengkonfigurasi gaya carta dan item konfigurasi yang sesuai, carta candlestick saham boleh dibuat lebih selaras dengan kami keperluan dan perubahan paparan yang lebih baik dalam harga saham.

Ringkasan

Mencipta carta lilin saham menggunakan PHP dan JS memerlukan pelayan yang menjalankan PHP dan penyemak imbas yang menyokong HTML5 dan Kanvas. Dengan menukar data saham kepada format data yang memenuhi keperluan Chart.js, dan kemudian menggunakan Chart.js untuk mencipta contoh carta lilin, turun naik harga saham boleh dipaparkan dalam penyemak imbas. Dengan melaraskan item gaya dan konfigurasi, carta lilin saham boleh dibuat lebih selaras dengan keperluan kita. Harap artikel ini membantu anda!

Atas ialah kandungan terperinci Cara membuat carta candlestick saham menggunakan PHP dan JS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!