Bermula dari awal: Ketahui cara membuat carta candlestick saham menggunakan PHP dan JS-tutorial php-php.cn

Bermula dari awal: Ketahui cara membuat carta candlestick saham menggunakan PHP dan JS

王林

Lepaskan： 2023-12-17 12:52:01

asal

550 orang telah melayarinya

Bermula dari awal: Ketahui cara membuat carta candlestick saham menggunakan PHP dan JS

Mula dari awal: Ketahui cara mencipta carta candlestick saham menggunakan PHP dan JS

Dalam perdagangan saham, carta candlestick ialah jenis carta biasa digunakan untuk menunjukkan pergerakan harga saham. Artikel ini akan memperkenalkan cara menggunakan PHP dan JS untuk mencipta carta candlestick saham dan memberikan contoh kod khusus.

1. Persediaan teknikal
Sebelum bermula, kita perlu memastikan persekitaran pembangunan PHP dan JS telah dipasang. Jika ia tidak dipasang, anda boleh memasangnya mengikut dokumentasi rasmi.

2. Penyediaan data
Untuk membuat carta candle saham, kita perlu menyediakan data sejarah harga saham terlebih dahulu. Data ini boleh diperolehi daripada bursa saham atau pembekal data pihak ketiga. Untuk memudahkan contoh, kami menggunakan data stok hipotetikal, disimpan dalam fail CSV. Format fail sepatutnya kelihatan seperti ini:

日期,开盘价,最高价,最低价,收盘价
2022-01-01,100,120,80,110
2022-01-02,110,130,90,120
......

Salin selepas log masuk

3. Baca data dengan PHP
Pertama, kita perlu menggunakan PHP untuk membaca data dalam fail CSV. Anda boleh menggunakan fungsi fgetcsv untuk membaca fail CSV baris demi baris dan menyimpan data setiap baris ke dalam tatasusunan. Berikut ialah contoh kod untuk membaca fail CSV dan menyimpan data:

$data = array(); //保存数据的数组
$handle = fopen('stock_data.csv', 'r'); //打开CSV文件
if ($handle) {
    while (($line = fgetcsv($handle)) !== false) {
        $data[] = $line;
    }
    fclose($handle); //关闭文件句柄
}

Salin selepas log masuk

IV Pemprosesan data
Selepas membaca data dalam fail CSV ke dalam tatasusunan PHP, kita perlu memproses data untuk mencipta carta lilin. menggunakan JS. Khususnya, kita perlu menyimpan data tarikh dan harga ke dalam tatasusunan berasingan untuk digunakan dalam JS.

Berikut ialah contoh kod untuk menyimpan data tarikh dan harga ke dalam tatasusunan masing-masing:

$dates = array(); //保存日期的数组
$opens = array(); //保存开盘价的数组
$highs = array(); //保存最高价的数组
$lows = array(); //保存最低价的数组
$closes = array(); //保存收盘价的数组

foreach ($data as $row) {
    $dates[] = $row[0];
    $opens[] = floatval($row[1]);
    $highs[] = floatval($row[2]);
    $lows[] = floatval($row[3]);
    $closes[] = floatval($row[4]);
}

Salin selepas log masuk

5. Jana Carta Candlestick
Kini, kami telah menyediakan data dan menyimpannya ke dalam tatasusunan yang berbeza. Seterusnya, kami akan menggunakan JS untuk mencipta carta candlestick.

Pertama, kita perlu memperkenalkan perpustakaan JS ke dalam halaman HTML. Di sini kami menggunakan pustaka Chart.js untuk menjana carta candlestick. Versi Chart.js yang sepadan boleh dimuat turun dari laman web rasmi dan diperkenalkan ke halaman HTML.

Seterusnya, buat elemen kanvas dalam halaman HTML untuk memaparkan carta lilin. Berikut ialah kod HTML sebagai contoh:

<!DOCTYPE html>
<html>
<head>
    <script src="path/to/Chart.js"></script>
</head>
<body>
    <canvas id="candlestick-chart"></canvas>
    <script src="path/to/candlestick.js"></script>
</body>
</html>

Salin selepas log masuk

Dalam fail JavaScript candlestick.js, kami menggunakan API Chart.js untuk mencipta carta candlestick. Berikut ialah contoh kod JavaScript:

var ctx = document.getElementById('candlestick-chart').getContext('2d');
var chart = new Chart(ctx, {
    type: 'candlestick',
    data: {
        datasets: [{
            data: [{
                t: new Date("2022-01-01"),
                o: 100,
                h: 120,
                l: 80,
                c: 110
            },
            {
                t: new Date("2022-01-02"),
                o: 110,
                h: 130,
                l: 90,
                c: 120
            },
            ... //将PHP中的数据补充到这里
            ]
        }]
    }
});

Salin selepas log masuk

Dalam kod di atas, kami menggunakan API yang disediakan oleh Chart.js untuk mencipta carta lilin. Dengan menambah data dalam PHP, kami boleh menambahkan data carta lilin secara dinamik dalam data.datasets[0].data carta.

6. Kesimpulan
Artikel ini memperkenalkan cara menggunakan PHP dan JS untuk mencipta carta lilin saham, dan memberikan contoh kod khusus. Melalui contoh ini, kita boleh belajar cara membaca fail CSV, menyimpan data ke dalam tatasusunan dan menggunakan pustaka Chart.js untuk menjana carta candlestick. Saya harap artikel ini akan membantu anda dalam proses pembelajaran carta candlestick saham.

Atas ialah kandungan terperinci Bermula dari awal: Ketahui cara membuat carta candlestick saham menggunakan PHP dan JS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!