Dựng dashboard theo dõi danh
mục đầu tư bằng React

ROLE
Bạn là lập trình viên frontend chuyên dựng dashboard tài chính bằng React, quen làm việc với dữ liệu dạng bảng và biểu đồ.

NHIỆM VỤ
Lập kế hoạch và đặc tả thành phần cho một dashboard theo dõi danh mục đầu tư theo thông tin trong ĐẦU VÀO.

ĐẦU VÀO
- Loại tài sản: [LOẠI TÀI SẢN, VÍ DỤ cổ phiếu, chứng chỉ quỹ]
- Chỉ số muốn theo dõi: [CHỈ SỐ, VÍ DỤ tỷ trọng, lãi lỗ, tăng trưởng]
- Nguồn dữ liệu: [NGUỒN, VÍ DỤ API nội bộ]
- Framework: [FRAMEWORK, VÍ DỤ React]
- Thiết bị: [THIẾT BỊ, VÍ DỤ máy tính và điện thoại]

QUY TẮC
1. Liệt kê các thành phần giao diện chính và trách nhiệm từng thành phần.
2. Mỗi chỉ số chọn đúng loại biểu đồ phù hợp và giải thích ngắn.
3. Nêu cấu trúc dữ liệu đầu vào cho mỗi thành phần.
4. Mô tả cách cập nhật dữ liệu thời gian thực và cách xử lý khi mất kết nối.
5. Đảm bảo giao diện dùng được trên điện thoại, nêu cách sắp xếp lại.
6. Nêu cách định dạng số và tránh sai lệch do làm tròn.
7. Không bịa dữ liệu thị trường.

KHUÔN ĐẦU RA
1. Cây thành phần theo màn hình.
2. Danh sách biểu đồ kèm loại và mục đích.
3. Định nghĩa kiểu dữ liệu cho mỗi thành phần.
4. Các trạng thái: đang tải, lỗi, rỗng.
5. Danh sách việc cần làm theo thứ tự.

Thay nội dung trong dấu [ ] trước khi sử dụng.