Rumah pembangunan bahagian belakang tutorial php Pertempuran Praktikal PHP dan JS: Tutorial Melukis Carta Lilin Stok

Pertempuran Praktikal PHP dan JS: Tutorial Melukis Carta Lilin Stok

Dec 17, 2023 am 11:21 AM
php js Carta candlestick

Pertempuran Praktikal PHP dan JS: Tutorial Melukis Carta Lilin Stok

Pertempuran Praktikal PHP dan JS: Tutorial Melukis Carta Lilin Saham

Visualisasi data dagangan saham sentiasa menjadi salah satu tugas penting dalam bidang kewangan. Carta candlestick ialah salah satu carta analisis trend dagangan saham yang paling biasa digunakan. Tutorial ini menerangkan cara melukis batang lilin stok menggunakan PHP dan JS, dan menyediakan contoh kod khusus.

1. Persediaan
Pertama, kita perlu menyediakan beberapa data dagangan saham, termasuk tarikh, harga buka, harga tertinggi, harga terendah dan harga tutup. Data boleh datang daripada fail CSV atau pangkalan data Di sini kami menganggap bahawa data telah disimpan dalam pangkalan data.

2. Lukiskan carta lilin

  1. bahagian kod PHP
    Pertama, kita perlu mendapatkan data transaksi saham daripada pangkalan data dan memproses data. Kod khusus adalah seperti berikut:
<?php
// 连接数据库
$connect = mysqli_connect("localhost", "username", "password", "database");

// 获取股票交易数据
$query = "SELECT * FROM stock_data";
$result = mysqli_query($connect, $query);

// 定义数组来存储数据
$data = array();

// 处理数据
while($row = mysqli_fetch_assoc($result)) {
    $data[] = array(
        "date" => $row["date"],
        "open" => $row["open"],
        "high" => $row["high"],
        "low" => $row["low"],
        "close" => $row["close"]
    );
}

// 关闭数据库连接
mysqli_close($connect);
?>
Salin selepas log masuk

Dalam kod, kami menggunakan fungsi mysqli untuk menyambung ke pangkalan data dan melaksanakan pernyataan pertanyaan untuk mendapatkan data. Kemudian, kami mentakrifkan tatasusunan $data untuk menyimpan data dan menggunakan gelung sementara untuk menyimpan data ke dalam tatasusunan.

  1. Bahagian kod JS
    Seterusnya, kami menggunakan JavaScript untuk melukis carta lilin. Kod khusus adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
    <title>Stock Candlestick Chart</title>
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
</head>
<body>
    <div id="chart"></div>

    <script>
        var options = {
            series: [{
                data: [
                    <?php
                    foreach($data as $row) {
                        echo "{ x: new Date('" . $row["date"] . "'), y: [" . $row["open"] . ", " . $row["high"] . ", " . $row["low"] . ", " . $row["close"] . "] },";
                    }
                    ?>
                ]
            }],
            chart: {
                type: 'candlestick',
                height: 350
            },
            title: {
                text: 'Stock Candlestick Chart'
            },
            xaxis: {
                type: 'datetime'
            },
            yaxis: {
                tooltip: {
                    enabled: true
                }
            }
        };

        var chart = new ApexCharts(document.querySelector("#chart"), options);
        chart.render();
    </script>
</body>
</html>
Salin selepas log masuk

Dalam kod, kami menggunakan perpustakaan ApexCharts untuk melukis carta lilin. Dalam pilihan, kami menghantar data transaksi saham ke dalam atribut data siri dan menggunakan gelung foreach untuk menjana kod JS. Gunakan data tarikh pada paksi-x dan data transaksi saham pada paksi-y. Item konfigurasi lain termasuk tetapan jenis carta, tajuk, paksi-x dan paksi-y.

3. Contoh Penggunaan
Simpan kod PHP di atas sebagai "index.php", akses fail melalui penyemak imbas, dan anda boleh melihat hasil lukisan carta lilin saham.

4. Ringkasan
Tutorial ini memperkenalkan cara menggunakan PHP dan JS untuk melukis carta lilin saham, dan menyediakan contoh kod khusus. Carta lilin saham boleh membantu kami memahami arah aliran dagangan saham dengan lebih intuitif dan memudahkan kami membuat analisis dan keputusan yang sepadan. Dengan mempelajari dan menguasai tutorial ini, kami boleh menggunakan teknologi PHP dan JS dengan lebih baik untuk merealisasikan paparan visual data stok.

Atas ialah kandungan terperinci Pertempuran Praktikal PHP dan JS: Tutorial Melukis Carta Lilin Stok. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 membawa beberapa ciri baharu, peningkatan keselamatan dan peningkatan prestasi dengan jumlah penamatan dan penyingkiran ciri yang sihat. Panduan ini menerangkan cara memasang PHP 8.4 atau naik taraf kepada PHP 8.4 pada Ubuntu, Debian, atau terbitan mereka

Tarikh dan Masa CakePHP Tarikh dan Masa CakePHP Sep 10, 2024 pm 05:27 PM

Untuk bekerja dengan tarikh dan masa dalam cakephp4, kami akan menggunakan kelas FrozenTime yang tersedia.

Muat naik Fail CakePHP Muat naik Fail CakePHP Sep 10, 2024 pm 05:27 PM

Untuk mengusahakan muat naik fail, kami akan menggunakan pembantu borang. Di sini, adalah contoh untuk muat naik fail.

Bincangkan CakePHP Bincangkan CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP ialah rangka kerja sumber terbuka untuk PHP. Ia bertujuan untuk menjadikan pembangunan, penggunaan dan penyelenggaraan aplikasi lebih mudah. CakePHP adalah berdasarkan seni bina seperti MVC yang berkuasa dan mudah difahami. Model, Pandangan dan Pengawal gu

Pengesah Mencipta CakePHP Pengesah Mencipta CakePHP Sep 10, 2024 pm 05:26 PM

Pengesah boleh dibuat dengan menambah dua baris berikut dalam pengawal.

Pembalakan CakePHP Pembalakan CakePHP Sep 10, 2024 pm 05:26 PM

Log masuk CakePHP adalah tugas yang sangat mudah. Anda hanya perlu menggunakan satu fungsi. Anda boleh log ralat, pengecualian, aktiviti pengguna, tindakan yang diambil oleh pengguna, untuk sebarang proses latar belakang seperti cronjob. Mengelog data dalam CakePHP adalah mudah. Fungsi log() disediakan

Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP Dec 20, 2024 am 11:31 AM

Kod Visual Studio, juga dikenali sebagai Kod VS, ialah editor kod sumber percuma — atau persekitaran pembangunan bersepadu (IDE) — tersedia untuk semua sistem pengendalian utama. Dengan koleksi sambungan yang besar untuk banyak bahasa pengaturcaraan, Kod VS boleh menjadi c

Panduan Ringkas CakePHP Panduan Ringkas CakePHP Sep 10, 2024 pm 05:27 PM

CakePHP ialah rangka kerja MVC sumber terbuka. Ia menjadikan pembangunan, penggunaan dan penyelenggaraan aplikasi lebih mudah. CakePHP mempunyai beberapa perpustakaan untuk mengurangkan beban tugas yang paling biasa.

See all articles