<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Phân Tích Thị Trường BNB – Ngày 5 tháng 5, 2026</title>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&family=Syne:wght@400;700;800&display=swap" rel="stylesheet">
<style>
:root {
--vàng: #F0B90B;
--vàng-sáng: #FFD740;
--vàng-mờ: #B8860B;
--tối: #0B0E11;
--tối2: #13171D;
--tối3: #1E2330;
--xanh: #0ECB81;
--red: #F6465D;
--text: #E8E8E8;
--muted: #848E9C;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
thân hình {
nền: var(--tối);
màu: var(--text);
font-family: 'Space Mono', monospace;
chiều cao tối thiểu: 100vh;
overflow-x: ẩn;
}
/* Lưới nền động */
thân::trước {
nội dung: '';
Vị trí: cố định;
chèn: 0;
ảnh nền:
linear-gradient(rgba(240,185,11,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(240,185,11,0.04) 1px, transparent 1px);
background-size: 40px 40px;
sự kiện con trỏ: không có;
Chỉ số z: 0;
}
.container {
vị trí: tương đối;
Chỉ số z: 1;
chiều rộng tối đa: 900px;
lề: 0 tự động;
khoảng cách lề: 30px 20px 60px;
}
/* ── TIÊU ĐỀ ── */
.header {
màn hình: flex;
căn chỉnh các mục: ở giữa;
căn chỉnh nội dung: khoảng cách giữa;
lề dưới: 36px;
border-bottom: 1px solid rgba(240,185,11,0.2);
padding-bottom: 20px;
animation: fadeDown 0.6s ease both;
}
.thương hiệu {
màn hình: flex;
căn chỉnh các mục: ở giữa;
khoảng cách: 14px;
}
.bnb-icon {
chiều rộng: 56px;
chiều cao: 56px;
nền: var(--vàng);
bán kính viền: 50%;
màn hình: flex;
căn chỉnh các mục: ở giữa;
căn chỉnh nội dung: ở giữa;
họ phông chữ: 'Bebas Neue', sans-serif;
cỡ chữ: 22px;
màu: #000;
box-shadow: 0 0 24px rgba(240,185,11,0.5);
Hoạt ảnh: xung nhịp 2,5 giây, chuyển động mượt mà vào ra vô hạn;
}
@keyframes pulse {
0%, 100% { box-shadow: 0 0 24px rgba(240,185,11,0.5); }
50% { box-shadow: 0 0 44px rgba(240,185,11,0.9); }
}
.brand-text h1 {
họ phông chữ: 'Bebas Neue', sans-serif;
cỡ chữ: 2rem;
khoảng cách giữa các chữ: 3px;
màu: var(--vàng);
chiều cao dòng: 1;
}
.brand-text p {
cỡ chữ: 0.65rem;
màu: var(--muted);
khoảng cách giữa các chữ: 2px;
text-transform: uppercase;
}
.date-badge {
nền: var(--dark3);
viền: 1px solid rgba(240,185,11,0.25);
viền bán kính: 6px;
khoảng đệm: 8px 14px;
cỡ chữ: 0.65rem;
màu: var(--vàng);
khoảng cách giữa các chữ: 1,5px;
căn chỉnh văn bản: bên phải;
}
/* ── BẢNG GIÁ ANH HÙNG ── */
.hero {
hiển thị: lưới;
grid-template-columns: 1fr 1fr 1fr 1fr;
khoảng cách: 12px;
lề dưới: 32px;
Hiệu ứng chuyển động: fadeUp 0.7s 0.15s ease both;
}
.stat-card {
nền: var(--dark2);
viền: 1px solid rgba(240,185,11,0.15);
độ cong viền: 10px;
khoảng cách lề: 18px 16px;
vị trí: tương đối;
tràn: ẩn;
transition: border-color 0.2s;
}
.stat-card::after {
nội dung: '';
vị trí: tuyệt đối;
trên: 0; trái: 0;
Chiều rộng: 3px; Chiều cao: 100%;
nền: var(--vàng);
border-radius: 3px 0 0 3px;
}
.stat-card:hover { border-color: rgba(240,185,11,0.4); }
.stat-card .label {
cỡ chữ: 0.6rem;
màu: var(--muted);
khoảng cách giữa các chữ: 2px;
text-transform: uppercase;
lề dưới: 6px;
}
.stat-card .value {
font-family: 'Syne', sans-serif;
cỡ chữ: 1.3rem;
font-weight: 800;
màu: var(--text);
}
.stat-card .value.green { color: var(--green); }
.stat-card .value.red { color: var(--red); }
.stat-card .value.gold { color: var(--gold); }
.stat-card .sub {
cỡ chữ: 0.6rem;
màu: var(--muted);
lề trên: 3px;
}
/* ── TIÊU ĐỀ PHẦN ── */
.section-title {
họ phông chữ: 'Bebas Neue', sans-serif;
cỡ chữ: 1.1rem;
khoảng cách giữa các chữ: 4px;
màu: var(--vàng);
text-transform: uppercase;
lề dưới: 14px;
màn hình: flex;
căn chỉnh các mục: ở giữa;
khoảng cách: 10px;
}
.section-title::after {
nội dung: '';
flex: 1;
chiều cao: 1px;
background: linear-gradient(90deg, rgba(240,185,11,0.4), transparent);
}
/* ── BIỂU ĐỒ NẾN ── */
.chart-wrap {
nền: var(--dark2);
viền: 1px solid rgba(240,185,11,0.15);
độ cong viền: 12px;
khoảng đệm: 24px;
lề dưới: 32px;
Hiệu ứng chuyển động: fadeUp 0.7s 0.25s ease both;
}
.chart-header {
màn hình: flex;
căn chỉnh nội dung: khoảng cách giữa;
căn chỉnh các mục: ở giữa;
lề dưới: 20px;
}
.chart-header h2 {
font-family: 'Syne', sans-serif;
font-weight: 800;
cỡ chữ: 1rem;
màu: var(--text);
}
.timeframe-pills {
màn hình: flex;
khoảng cách: 6px;
}
.pill {
nền: var(--dark3);
viền: 1px solid rgba(240,185,11,0.2);
viền bán kính: 4px;
khoảng đệm: 3px 10px;
cỡ chữ: 0.6rem;
màu: var(--muted);
con trỏ: con trỏ chuột;
Thời gian chuyển tiếp: tất cả đều là 0,15 giây;
}
.pill.active, .pill:hover {
background: rgba(240,185,11,0.15);
màu viền: var(--vàng);
màu: var(--vàng);
}
#biểuđồn nến {
chiều rộng: 100%;
chiều cao: 320px;
hiển thị: khối;
}
.chart-legend {
màn hình: flex;
khoảng cách: 20px;
margin-top: 14px;
flex-wrap: bọc;
}
.legend-item {
màn hình: flex;
căn chỉnh các mục: ở giữa;
khoảng cách: 6px;
cỡ chữ: 0.6rem;
màu: var(--muted);
}
.legend-dot {
Chiều rộng: 8px; Chiều cao: 8px;
bán kính viền: 50%;
}
/* ── LƯỚI PHÂN TÍCH ── */
.analysis-grid {
hiển thị: lưới;
grid-template-columns: 1fr 1fr;
khoảng cách: 16px;
lề dưới: 32px;
Hiệu ứng chuyển động: fadeUp 0.7s 0.35s ease both;
}
.analysis-card {
nền: var(--dark2);
viền: 1px solid rgba(240,185,11,0.15);
độ cong viền: 10px;
khoảng đệm: 20px;
}
.analysis-card h3 {
font-family: 'Syne', sans-serif;
font-weight: 700;
cỡ chữ: 0.8rem;
màu: var(--vàng);
lề dưới: 12px;
khoảng cách giữa các chữ: 1px;
text-transform: uppercase;
}
.level-row {
màn hình: flex;
căn chỉnh nội dung: khoảng cách giữa;
căn chỉnh các mục: ở giữa;
padding: 7px 0;
border-bottom: 1px solid rgba(255,255,255,0.04);
cỡ chữ: 0.7rem;
}
.level-row:last-child { border-bottom: none; }
.level-row .name { color: var(--muted); }
.level-row .val { font-weight: 700; }
.level-row .val.r { color: var(--red); }
.level-row .val.g { color: var(--green); }
.level-row .val.y { color: var(--gold); }
/* ── CHỈ BÁO ── */
.chỉ báo {
hiển thị: lưới;
grid-template-columns: repeat(3, 1fr);
khoảng cách: 12px;
lề dưới: 32px;
Hiệu ứng chuyển động: fadeUp 0.7s 0.4s ease both;
}
.ind-card {
nền: var(--dark2);
viền: 1px solid rgba(240,185,11,0.12);
độ cong viền: 10px;
khoảng đệm: 16px;
căn chỉnh văn bản: ở giữa;
}
.ind-card .ind-name {
cỡ chữ: 0.58rem;
màu: var(--muted);
khoảng cách giữa các chữ: 2px;
text-transform: uppercase;
lề dưới: 8px;
}
.ind-card .ind-val {
font-family: 'Syne', sans-serif;
cỡ chữ: 1.4rem;
font-weight: 800;
}
.ind-card .ind-signal {
cỡ chữ: 0.58rem;
khoảng cách giữa các chữ: 1,5px;
lề trên: 4px;
text-transform: uppercase;
}
.bullish { color: var(--green); }
.bearish { color: var(--red); }
.neutral { color: var(--gold); }
/* ── THANH KỊCH BẢN ── */
.scenario-wrap {
nền: var(--dark2);
viền: 1px solid rgba(240,185,11,0.15);
độ cong viền: 10px;
khoảng đệm: 22px;
lề dưới: 32px;
Hiệu ứng chuyển động: fadeUp 0.7s 0.45s ease both;
}
.scenario-wrap p {
cỡ chữ: 0.72rem;
màu: var(--muted);
chiều cao dòng: 1.8;
lề dưới: 16px;
}
.scenario-bar {
màn hình: flex;
viền bán kính: 6px;
tràn: ẩn;
chiều cao: 36px;
}
.s-bull {
background: linear-gradient(90deg, #0ECB81, #06a862);
display: flex; align-items: center; justify-content: center;
cỡ chữ: 0.65rem; độ đậm chữ: 700; màu: #000;
letter-spacing: 1px; flex: 55;
chuyển đổi: flex 0.4s ease;
}
.s-side {
background: linear-gradient(90deg, #B8860B, #F0B90B);
display: flex; align-items: center; justify-content: center;
cỡ chữ: 0.65rem; độ đậm chữ: 700; màu: #000;
letter-spacing: 1px; flex: 25;
}
.s-bear {
background: linear-gradient(90deg, #c73147, #F6465D);
display: flex; align-items: center; justify-content: center;
cỡ chữ: 0.65rem; độ đậm chữ: 700; màu: #fff;
letter-spacing: 1px; flex: 20;
}
.nhãn kịch bản {
màn hình: flex;
căn chỉnh nội dung: khoảng cách giữa;
lề trên: 8px;
cỡ chữ: 0.58rem;
màu: var(--muted);
}
/* ── CHẤT XÚC TÁC ── */
.chất xúc tác {
hiển thị: lưới;
grid-template-columns: 1fr 1fr;
khoảng cách: 12px;
lề dưới: 32px;
Hiệu ứng chuyển động: fadeUp 0.7s 0.5s ease both;
}
.catalyst-card {
nền: var(--dark2);
độ cong viền: 10px;
khoảng cách lề: 18px;
màn hình: flex;
khoảng cách: 12px;
align-items: flex-start;
}
.catalyst-card.bull { border: 1px solid rgba(14,203,129,0.25); }
.catalyst-card.bear { border: 1px solid rgba(246,70,93,0.25); }
.cat-icon {
cỡ chữ: 1.4rem;
chiều cao dòng: 1;
co giãn: 0;
}
.catalyst-card h4 {
font-family: 'Syne', sans-serif;
cỡ chữ: 0.75rem;
font-weight: 700;
lề dưới: 6px;
}
.catalyst-card.bull h4 { color: var(--green); }
.catalyst-card.bear h4 { color: var(--red); }
.catalyst-card ul {
kiểu danh sách: không có;
đệm: 0;
}
.catalyst-card ul li {
cỡ chữ: 0.65rem;
màu: var(--muted);
chiều cao dòng: 1.8;
padding-left: 12px;
vị trí: tương đối;
}
.catalyst-card ul li::before {
nội dung: '>';
vị trí: tuyệt đối;
trái: 0;
màu: var(--vàng);
}
/* ── PHÁN QUYẾT ── */
.phán quyết {
background: linear-gradient(135deg, rgba(240,185,11,0.08), rgba(240,185,11,0.02));
viền: 1px solid rgba(240,185,11,0.35);
độ cong viền: 12px;
khoảng đệm: 28px;
căn chỉnh văn bản: ở giữa;
lề dưới: 32px;
vị trí: tương đối;
tràn: ẩn;
Hiệu ứng chuyển động: fadeUp 0.7s 0.55s ease both;
}
.phán quyết::trước {
nội dung: '⬡';
vị trí: tuyệt đối;
Trên: -20px; Phải: -10px;
cỡ chữ: 100px;
màu: rgba(240,185,11,0.04);
sự kiện con trỏ: không có;
}
.phán quyết h2 {
họ phông chữ: 'Bebas Neue', sans-serif;
cỡ chữ: 2.4rem;
khoảng cách giữa các chữ: 6px;
màu: var(--vàng);
lề dưới: 8px;
}
.phán quyết p {
cỡ chữ: 0.72rem;
màu: var(--muted);
chiều cao dòng: 1.9;
chiều rộng tối đa: 640px;
lề: 0 tự động 18px;
}
.target-row {
màn hình: flex;
căn chỉnh nội dung: ở giữa;
khoảng cách: 32px;
flex-wrap: bọc;
}
.target-item .t-label {
cỡ chữ: 0.58rem;
màu: var(--muted);
khoảng cách giữa các chữ: 2px;
text-transform: uppercase;
}
.target-item .t-val {
font-family: 'Syne', sans-serif;
cỡ chữ: 1.1rem;
font-weight: 800;
}
/* ── TUYÊN BỐ MIỄN TRÁCH NHIỆM ── */
.disclaimer {
căn chỉnh văn bản: ở giữa;
cỡ chữ: 0.55rem;
màu: rgba(132,142,156,0.5);
khoảng cách giữa các chữ: 1px;
chiều cao dòng: 1.8;
Hiệu ứng chuyển động: fadeUp 0.7s 0.6s ease both;
}
/* ── HOẠT HÌNH ── */
@keyframes fadeDown {
từ { opacity: 0; transform: translateY(-20px); }
đến { độ mờ: 1; biến đổi: dịch chuyển Y(0); }
}
@keyframes fadeUp {
từ { opacity: 0; transform: translateY(20px); }
đến { độ mờ: 1; biến đổi: dịch chuyển Y(0); }
}
/* ── THÂN THIỆN VỚI MÔ TẢ ── */
@media (max-width: 640px) {
.hero { grid-template-columns: 1fr 1fr; }
.analysis-grid { grid-template-columns: 1fr; }
.indicators { grid-template-columns: 1fr 1fr; }
.catalysts { grid-template-columns: 1fr; }
.target-row { gap: 16px; }
}
</style>
</head>
<body>
<div class="container">
<!-- TIÊU ĐỀ -->
<div class="header">
<div class="brand">
<div class="bnb-icon">BNB</div>
<div class="brand-text">
<h1>BNB / USDT</h1>
<p>Báo cáo phân tích thị trường</p>
</div>
</div>
<div class="date-badge">
NGÀY 05 THÁNG 5 NĂM 2026<br>KHUNG THỜI GIAN HÀNG NGÀY
</div>
</div>
<!-- THỐNG KÊ ANH HÙNG -->
<div class="hero">
<div class="stat-card">
<div class="label">Giá hiện tại</div>
<div class="value gold">$633.52</div>
<div class="sub">BNB / USDT</div>
</div>
<div class="stat-card">
<div class="label">Thay đổi trong 24 giờ</div>
<div class="value green">+2.70%</div>
<div class="sub">+$16.67</div>
</div>
<div class="stat-card">
<div class="label">Âm lượng 24 giờ</div>
<div class="value">$1.20B</div>
<div class="sub">+99.1% so với ngày hôm trước</div>
</div>
<div class="stat-card">
<div class="label">Vốn hóa thị trường</div>
<div class="value">$85.4B</div>
<div class="sub">Hạng #4</div>
</div>
</div>
<!-- BIỂU ĐỒ NẾN -->
<div class="chart-wrap">
<div class="chart-header">
Diễn biến giá BNB/USDT — Từ ngày 18 tháng 4 đến ngày 5 tháng 5 năm 2026
<div class="timeframe-pills">
<div class="pill active">1D</div>
<div class="pill">4H</div>
<div class="pill">1W</div>
</div>
</div>
<canvas id="candleChart"></canvas>
<div class="chart-legend">
<div class="legend-item"><div class="legend-dot" style="background:var(--green)"></div> Nến tăng giá</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--red)"></div> Nến giảm giá</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--gold)"></div> EMA 20</div>
<div class="legend-item"><div class="legend-dot" style="background:#5B8BF5"></div> EMA 50</div>
<div class="legend-item"><div class="legend-dot" style="background:rgba(240,185,11,0.15)"></div> Âm lượng</div>
</div>
</div>
<!-- HỖ TRỢ / KHÁNG CỰ -->
<div class="analysis-grid">
<div class="analysis-card">
<h3>🔴 Mức độ kháng cự</h3>
<div class="level-row"><span class="name">R3 — Mạnh</span><span class="val r">$665.18</span></div>
<div class="level-row"><span class="name">R2 — Mid</span><span class="val r">$649.42</span></div>
<div class="level-row"><span class="name">R1 — Pivot</span><span class="val r">$634.63</span></div>
<div class="level-row"><span class="name">EMA 20</span><span class="val y">$623.76</span></div>
</div>
<div class="analysis-card">
<h3>🟢 Mức độ hỗ trợ</h3>
<div class="level-row"><span class="name">S1 — Gần</span><span class="val g">$624.54</span></div>
<div class="level-row"><span class="name">S2 — Key</span><span class="val g">$615.20</span></div>
<div class="level-row"><span class="name">S3 — Chuyên ngành</span><span class="val g">$603.04</span></div>
<div class="level-row"><span class="name">S4 — Deep</span><span class="val g">$580.00</span></div>
</div>
</div>
<!-- CHỈ SỐ KỸ THUẬT -->
<div class="section-title">Các chỉ báo kỹ thuật</div>
<div class="indicators">
<div class="ind-card">
<div class="ind-name">RSI (14)</div>
<div class="ind-val neutral">54.3</div>
<div class="ind-signal neutral">Khu vực trung lập</div>
</div>
<div class="ind-card">
<div class="ind-name">MACD</div>
<div class="ind-val bearish">Bearish</div>
<div class="ind-signal bearish">Dưới tín hiệu</div>
</div>
<div class="ind-card">
<div class="ind-name">Supertrend</div>
<div class="ind-val bearish">Bear</div>
<div class="ind-signal bearish">Mức kháng cự $665</div>
</div>
<div class="ind-card">
<div class="ind-name">SMA 200 ngày</div>
<div class="ind-val neutral">$753</div>
<div class="ind-signal neutral">Giảm</div>
</div>
<div class="ind-card">
<div class="ind-name">Volume</div>
<div class="ind-val bullish">$1.2B</div>
<div class="ind-signal bullish">Tăng +99%</div>
</div>
<div class="ind-card">
<div class="ind-name">Sợ hãi & Tham lam</div>
<div class="ind-val bearish">29</div>
<div class="ind-signal bearish">Khu vực sợ hãi</div>
</div>
</div>
<!-- TRIỂN VỌNG KỊCH BẢN -->
<div class="scenario-wrap">
<div class="section-title">Kịch bản Xác suất Triển vọng</div>
<p>
Giá BNB đóng cửa hôm nay ở mức <strong style="color:var(--gold)">633,52 đô la</strong>, vượt qua ngưỡng EMA-20 quan trọng ở mức 623,76 đô la — một ngưỡng cấu trúc quan trọng. Khối lượng giao dịch trong 24 giờ tăng mạnh <strong style="color:var(--gold)">99,1%</strong> báo hiệu sự quan tâm trở lại của người mua. Thị trường đang đứng trước ngã ba đường: một sự bứt phá quyết định trên mức <strong style="color:var(--green)">649 đô la</strong> sẽ mở ra con đường hướng tới vùng 665–700 đô la, trong khi việc không giữ được mức 624 đô la có nguy cơ kiểm tra lại mức hỗ trợ chính 603 đô la.
</p>
<div class="scenario-bar">
<div class="s-bull">TĂNG GIÁ 55%</div>
<div class="s-side">Nằm ngang 25%</div>
<div class="s-bear">GẤU 20%</div>
</div>
<div class="scenario-labels">
Mục tiêu: $665–$700</span>
Khoảng giá: $615–$650</span>
Rủi ro: $603 / $580</span>
</div>
</div>
<!-- CHẤT XÚC TÁC -->
<div class="section-title">Các yếu tố xúc tác thị trường</div>
<div class="catalysts">
<div class="catalyst-card bull">
<div class="cat-icon">🚀</div>
<div>
<h4>Các yếu tố xúc tác tăng giá</h4>
<ul>
<li>Lượng tiền bị đốt trong quý 1 năm 2026: 1,57 triệu BNB (~1,02 tỷ USD) đã bị tiêu hủy</li>
<li>BNB Chain đặt mục tiêu đạt 20.000 giao dịch mỗi giây (TPS) trong lộ trình năm 2026</li>
<li>Việc bổ sung lộ trình của Coinbase đã thúc đẩy dòng vốn đầu tư từ các tổ chức.</li>
<li>Việc Grayscale nộp hồ sơ ETF báo hiệu sự chấp nhận rộng rãi</li>
<li>Mối tương quan BTC: BTC tăng +2,55% tạo động lực tích cực</li>
<li>Khối lượng giao dịch tăng đột biến: +99% so với ngày hôm trước — người mua quay trở lại</li>
</ul>
</div>
</div>
<div class="catalyst-card bear">
<div class="cat-icon">⚠️</div>
<div>
<h4>Các yếu tố rủi ro</h4>
<ul>
<li>Bên cạnh đó, Bộ Tư pháp Hoa Kỳ đang tiến hành điều tra việc Binance tuân thủ quy định.</li>
Cấu trúc LH/LL vẫn còn nguyên vẹn — xu hướng giảm chưa bị phá vỡ.
MACD vẫn đang trong xu hướng giảm — cần xác nhận thêm về động lượng.
<li>Nỗi sợ hãi và lòng tham ở mức 29 — tâm lý thị trường mong manh</li>
<li>CHoCH (thay đổi ký tự) chưa được xác nhận</li>
<li>Việc bị từ chối ở mức $634 có thể kích hoạt đợt bán tháo mới</li>
</ul>
</div>
</div>
</div>
<!-- PHÁN QUYẾT -->
<div class="verdict">
<h2>⬡ THẬN TRỌNG LẠC QUAN ⬡</h2>
<p>
Khối lượng giao dịch BNB tăng mạnh và phục hồi vượt qua đường EMA-20 cho thấy sự tích lũy sau một đợt điều chỉnh kéo dài. Cấu trúc thị trường ủng hộ nỗ lực bứt phá hướng tới mức $665–$700 trong những phiên giao dịch tới — NẾU giá đóng cửa và giữ vững trên mức $634,63. Cơ chế giảm phát cho token (đã hoàn thành 35 lần đốt), nâng cấp khả năng mở rộng của BNB Chain và sự quan tâm ngày càng tăng từ các tổ chức tạo nên một luận điểm trung hạn hấp dẫn. Tuy nhiên, quản lý rủi ro vẫn rất quan trọng: nếu giá đóng cửa dưới $615, xu hướng sẽ chuyển sang giảm giá.
</p>
<div class="target-row">
<div class="target-item">
<div class="t-label">Mục tiêu tăng giá 1</div>
<div class="t-val bullish">$665</div>
</div>
<div class="target-item">
<div class="t-label">Mục tiêu tăng giá 2</div>
<div class="t-val bullish">$700</div>
</div>
<div class="target-item">
<div class="t-label">Stop Loss</div>
<div class="t-val bearish">$615</div>
</div>
<div class="target-item">
<div class="t-label">EOY 2026</div>
<div class="t-val neutral">$803–$1,000</div>
</div>
</div>
</div>
<div class="disclaimer">
⚠️ PHÂN TÍCH NÀY CHỈ DÀNH CHO MỤC ĐÍCH GIÁO DỤC VÀ KHÔNG PHẢI LÀ LỜI KHUYÊN TÀI CHÍNH.<br>
Giao dịch tiền điện tử tiềm ẩn rủi ro đáng kể. Luôn luôn tự nghiên cứu kỹ lưỡng và giao dịch có trách nhiệm.
</div>
</div><!-- /container -->
<script>
// ── BIỂU ĐỒ NẾN qua Canvas ──
const canvas = document.getElementById('candleChart');
const ctx = canvas.getContext('2d');
// Nến BNB thực tế hàng ngày: 18 tháng 4 → 5 tháng 5 năm 2026
// [nhãn ngày, giá mở cửa, giá cao nhất, giá thấp nhất, giá đóng cửa, khối lượng giao dịch]
const candles = [
['Ngày 18 tháng 4', 652, 663, 645, 648, 0.45],
['Ngày 19 tháng 4', 648, 655, 638, 641, 0.52],
['20 tháng 4', 641, 650, 632, 646, 0.48],
['21 tháng 4', 646, 658, 640, 636, 0.55],
['22 tháng 4', 636, 642, 628, 632, 0.60],
['23 tháng 4', 632, 638, 620, 624, 0.65],
['24 tháng 4', 624, 635, 617, 630, 0.70],
['25 tháng 4', 630, 640, 621, 619, 0.58],
['26 tháng 4', 619, 628, 612, 615, 0.72],
['27 tháng 4', 615, 622, 603, 609, 0.80],
['28 tháng 4', 609, 625, 605, 620, 0.75],
['29 tháng 4', 620, 632, 616, 628, 0.62],
['30 tháng 4', 628, 636, 619, 623, 0.55],
['Ngày 1 tháng 5', 623, 634, 614, 618, 0.60],
['Ngày 2 tháng 5', 618, 628, 613, 621, 0.58],
['Ngày 3 tháng 5', 621, 630, 617, 625, 0.53],
['Ngày 4 tháng 5', 625, 638, 620, 633, 0.85],
['Ngày 5 tháng 5', 633, 641, 628, 634, 0,95],
];
// Tính toán EMA
hàm calcEMA(data, period) {
hằng số k = 2 / (chu kỳ + 1);
let ema = [data[0]];
for (let i = 1; i < data.length; i++) {
ema.push(data[i] k + ema[i-1] (1-k));
}
trả lại ema;
}
const closes = candles.map(c => c[4]);
const ema20 = calcema(đóng, 20);
const ema50 = calcEMA(closes, 10); // sử dụng 10 làm giá trị thay thế cho 50 được điều chỉnh theo dữ liệu của chúng ta
hàm vẽ() {
const dpr = window.devicePixelRatio || 1;
const W = canvas.parentElement.clientWidth - 48;
hằng số H = 320;
Chiều rộng của canvas = W * dpr;
Chiều cao của canvas = H * dpr;
canvas.style.width = W + 'px';
canvas.style.height = H + 'px';
ctx.scale(dpr, dpr);
ctx.clearRect(0, 0, W, H);
const PAD_L = 52, PAD_R = 20, PAD_T = 20, PAD_B = 60;
const chartW = W - PAD_L - PAD_R;
const chartH = H - PAD_T - PAD_B;
const allPrices = candles.flatMap(c => [c[2], c[3]]);
const minP = Math.min(...allPrices) - 8;
const maxP = Math.max(...allPrices) + 8;
const priceRange = maxP - minP;
hàm toY(giá) {
return PAD_T + chartH - ((price - minP) / priceRange) * chartH;
}
const n = candles.length;
const slotW = chartW / n;
const candleW = Math.max(slotW * 0.55, 4);
hàm toX(i) {
trả về PAD_L + (i + 0.5) * slotW;
}
// Đường lưới
const gridCount = 5;
for (let i = 0; i <= gridCount; i++) {
const price = minP + (priceRange / gridCount) * i;
const y = toY(price);
ctx.strokeStyle = 'rgba(240,185,11,0.06)';
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(PAD_L, y);
ctx.lineTo(W - PAD_R, y);
ctx.stroke();
ctx.fillStyle = 'rgba(132,142,156,0.7)';
ctx.font = `${Math.round(10)}px Space Mono, monospace`;
ctx.textAlign = 'right';
ctx.fillText('$' + Math.round(price), PAD_L - 6, y + 4);
}
// Thanh âm lượng
const maxVol = Math.max(...candles.map(c => c[5]));
const volH = chartH * 0.18;
candles.forEach((c, i) => {
const x = toX(i);
const bull = c[4] >= c[1];
const h = (c[5] / maxVol) * volH;
ctx.fillStyle = bull
? 'rgba(14,203,129,0.18)'
: 'rgba(246,70,93,0.18)';
ctx.fillRect(x - candleW/2, PAD_T + chartH - h, candleW, h);
});
// Nến
candles.forEach((c, i) => {
const [, open, high, low, close] = c;
const x = toX(i);
const bull = close >= open;
const color = bull ? '#0ECB81' : '#F6465D';
// Wick
ctx.strokeStyle = color;
ctx.lineWidth = 1.5;
ctx.beginPath();
ctx.moveTo(x, toY(high));
ctx.lineTo(x, toY(low));
ctx.stroke();
// Thân hình
const bodyTop = toY(Math.max(open, close));
const bodyBot = toY(Math.min(open, close));
const bodyH = Math.max(bodyBot - bodyTop, 1.5);
ctx.fillStyle = color;
ctx.fillRect(x - candleW/2, bodyTop, candleW, bodyH);
});
// MẸ 20
ctx.strokeStyle = '#F0B90B';
ctx.lineWidth = 1.8;
ctx.setLineDash([]);
ctx.beginPath();
ema20.forEach((val, i) => {
const x = toX(i);
const y = toY(val);
i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
});
ctx.stroke();
// EMA 50
ctx.strokeStyle = '#5B8BF5';
ctx.lineWidth = 1.5;
ctx.setLineDash([4, 4]);
ctx.beginPath();
ema50.forEach((val, i) => {
const x = toX(i);
const y = toY(val);
i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
});
ctx.stroke();
ctx.setLineDash([]);
// Dòng giá hiện tại
const lastClose = candles[candles.length - 1][4];
const lastY = toY(lastClose);
ctx.strokeStyle = 'rgba(240,185,11,0.5)';
ctx.lineWidth = 1;
ctx.setLineDash([4, 6]);
ctx.beginPath();
ctx.moveTo(PAD_L, lastY);
ctx.lineTo(W - PAD_R, LastY);
ctx.stroke();
ctx.setLineDash([]);
// Nhãn giá ở bên phải
ctx.fillStyle = '#F0B90B';
ctx.font = 'bold 10px Space Mono, monospace';
ctx.textAlign = 'trái';
ctx.fillRect(W - PAD_R + 2, cuốiY - 9, 52, 18);
ctx.fillStyle = '#000';
ctx.fillText('$' + lastClose, W - PAD_R + 5, lastY + 4);
// Nhãn trục X
ctx.fillStyle = 'rgba(132,142,156,0.7)';
ctx.font = '9px Space Mono, monospace';
ctx.textAlign = 'center';
candles.forEach((c, i) => {
nếu (i % 3 === 0 || i === candles.length - 1) {
ctx.fillText(c[0], toX(i), H - PAD_B + 18);
}
});
// Đường trục
ctx.strokeStyle = 'rgba(240,185,11,0.2)';
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(PAD_L, PAD_T + chartH);
ctx.lineTo(W - PAD_R, PAD_T + chartH);
ctx.stroke();
}
vẽ tranh();
window.addEventListener('resize', draw);
</script>
</body>
</html>