• Bắt đầu với Chart.js
• Các Loại Biểu Đồ ^[10]
  • Biểu đồ cột
  • Biểu đồ cột ngang
  • Biểu đồ đường
  • Biểu đồ bánh quy / biểu đồ hình bánh
  • Biểu đồ bong bóng (Bubble Chart)
  • Biểu đồ thời gian
  • Biểu đồ biểu đồ ^[3]
    • 1. Cách tạo biểu đồ biểu đồ trong Chart.js
    • 2. Cách Tạo Biểu Đồ Phân Bố
    • 3. Cách tạo biểu đồ biểu đồ trong Chart.js
• Cơ sở dữ liệu Chart JS ^[7]
  • Bước 1: Tạo Kết Nối Cơ Sở Dữ Liệu
  • Bước 2: Thêm Mã PHP vào Tệp HTML
  • Bước 3: Tạo Biểu Đồ Cột với Mảng Cơ Sở Dữ Liệu
  • Bước 4: Tạo Biểu Đồ Cột với Mảng Cơ Sở Dữ Liệu - Phần 2
  • Bước 5: Thêm Mô Tả Dữ Liệu vào Cơ Sở Dữ Liệu
  • Bước 6: Thêm Nhãn vào Cơ Sở Dữ Liệu
  • Bước 7: Xử Lý Mảng và Cơ Sở Dữ Liệu
• Tiện ích Datalabels của Chart.js ^[19]
  • 1. Cách thêm Chartjs-Plugin-Datalabels vào Chart.JS
  • 2. Namespace Cấu hình trong Chartjs Plugin Datalabels trong Chart.JS
  • 3. Tùy chọn Vị trí Gắn mắc cài đặt trong Plugin Chartjs Datalabels trong Chart.js
  • 4. Tùy chọn Vị trí Căn chỉnh trong Plugin Chartjs Datalabels trong Chart.js
  • 5. Tùy chọn Màu Nền trong Plugin Chartjs Datalabels trong Chart.js
  • 6. Tùy chọn Màu Viền trong Plugin Chartjs Datalabels trong Chart.js
  • 7. Tùy chọn Bán kính Đường viền trong Plugin Chartjs Datalabels trong Chart.js
  • 8. Tùy chọn Hiển thị trong Plugin Chartjs Datalabels trong Chart.js
  • 9. Tùy chọn Màu sắc và Phông chữ trong Plugin Chartjs Datalabels trong Chart.js
  • 10. Tùy chọn Khoảng cách trong Plugin Chartjs Datalabels trong Chart.js
  • 11. Tùy chọn Bố trí trong Plugin Chartjs Datalabels trong Chart.js
  • 12. Tùy chọn Xoay trong Plugin Chartjs Datalabels trong Chart.js
  • 13. Tùy chọn Độ mờ trong Plugin Chartjs Datalabels trong Chart.js
  • 14. Tùy chọn Định dạng trong Plugin Chartjs Datalabels trong Chart.js
  • 15. Tùy chọn Nghe trong Plugin Chartjs Datalabels trong Chart.js
  • 16. Tùy chọn màu đường viết văn bản trong Plugin Chartjs Datalabels trong Chart.js
  • 17. Tùy chọn mờ bóng văn bản trong Plugin Chartjs Datalabels trong Chart.js
  • 18. Tùy chọn Clamp trong Plugin Chartjs Datalabels trong Chart.js
  • 19. Tùy chọn Clip trong Plugin Chartjs Datalabels trong Chart.js
• Dãy Mảng Chart.js ^[19]
  • 1. Biến mảng trong Chart.js
  • 2. Thêm phần tử vào mảng trong Chart.js
  • 3. Xóa phần tử cuối cùng khỏi mảng trong Chart.js
  • 4. Thêm giá trị vào đầu mảng trong Chart.js
  • 5. Xóa giá trị ở đầu mảng trong Chart.js
  • 6. Điền giá trị vào mảng trong Chart.js
  • 7. Chỉ mục của mảng trong Chart.js
  • 8. Độ dài của mảng trong Chart.js
  • 9. Đảo ngược mảng trong Chart.js
  • 10. Phương thức cắt mảng trong Chart.js
  • 11. Phương thức sắp xếp mảng trong Chart.js
  • 12. Phương thức sắp xếp đảo ngược mảng trong Chart.js
  • 13. Phương thức sắp xếp mảng số nguyên trong Chart.js
  • 14. Phương thức lọc mảng trong Chart.js
  • 15. Phương thức lọc mảng trong Chart.js
  • 16. Phương thức lọc mảng trong Chart.js
  • 17. Trục loại học của mảng phần 1 trong Chart.js
  • 18. Trục loại học của mảng phần 2 trong Chart.js
  • 19. Trục loại học của mảng phần 3 trong Chart.js
• Loạt video về Plugin Zoom cho Chart.js ^[20]
  • 1. Cách thêm tiện ích Zoom của Chart.js vào Chart.js
  • 2. Tùy chọn Pan của Tiện ích Chart.js Zoom trong Chart.js
  • 3. Tùy chọn Chế độ Pan của Tiện ích Chart.js Zoom trong Chart.js
  • 4. Tùy chọn Pan Modifierkey của Tiện ích Chart.js Zoom trong Chart.js
  • 5. Tùy chọn Pan Overscalemode của Tiện ích Chart.js Zoom trong Chart.js
  • 6. Tùy chọn Ngưỡng Pan của Tiện ích Chart.js Zoom trong Chart.js
  • 7. Tùy chọn Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 8. Tùy chọn Bánh xe Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 9. Tùy chọn Tốc độ Bánh xe Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 10. Tùy chọn Phím sửa đổi Bánh xe Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 11. Tùy chọn Kéo Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 12. Tùy chọn Chế độ Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 13. Tùy chọn Chế độ Overscale của Tiện ích Chart.js Zoom trong Chart.js
  • 14. Tùy chọn Màu Nền Kéo Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 15. Tùy chọn Màu Viền và Độ Rộng Kéo Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 16. Tùy chọn Ngưỡng Kéo Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 17. Tùy chọn Pinch Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 18. Nút Đặt lại Zoom của Tiện ích Chart.js Zoom trong Chart.js
  • 19. Nút Phóng to Chart của Tiện ích Chart.js Zoom trong Chart.js
  • 20. Nút Thu nhỏ Chart của Tiện ích Chart.js Zoom trong Chart.js
• Loạt bài về Màu Nền trong Chart.js ^[9]
  • 1. Màu nền | Loạt bài về Màu nền của Chart JS
  • 2. Mảng Màu Nền | Loạt bài về Màu nền của Chart JS
  • 3. Màu Nền Tự Động | Loạt bài về Màu nền của Chart JS
  • 4. Hàm Màu Nền Tự Động | Loạt bài về Màu nền của Chart JS
  • 5. Độ Mờ Màu Nền | Loạt bài về Màu nền của Chart JS
  • 6. Màu Nền Có Điều Kiện | Loạt bài về Màu nền của Chart JS
  • 7. Màu nền gradient ngang | Loạt bài về Màu nền của Chart.js
  • 8. Màu Nền Gradient Dọc | Loạt bài về Màu nền của Chart JS
  • 9. Màu Nền Gradient Đường Chéo | Loạt bài về Màu nền của Chart JS
• Loạt câu hỏi từ người xem về Chart.js ^[40]
  • Cách thêm nhãn dữ liệu chỉ cho điểm dữ liệu cuối cùng của biểu đồ đường | Chart.js
  • Cách sử dụng Dropdown Select để cập nhật các tập dữ liệu biểu đồ trong Chart.js
  • Cách làm nổi bật phần tử phù hợp trong biểu đồ doughnut khi di chuột qua mục danh sách | Chart.js | Phần 2
  • Sự cố hiệu ứng nhấp chuột trên biểu đồ cột chỉ hiển thị cột được làm nổi bật sau khi di chuột ra ngoài trong Chart.js
  • Cách thêm nhãn dữ liệu lên trên biểu đồ cột trong Chart.JS?
  • Làm cách nào để loại bỏ phần tử mảng ở cuối một mảng trong Javascript? | Chart.js
  • Làm cách nào để loại bỏ phần tử mảng ở đầu mảng trong Javascript? | Chart.js
  • Làm cách nào để thêm phần tử mảng mới ở đầu mảng trong Javascript? | Chart.js
  • Làm cách nào để thêm phần tử mảng vào cuối mảng trong Javascript? | Chart.js
  • Làm cách nào để có đường cong thay vì đường thẳng trong Chart.js
  • Làm cách nào để hiển thị điểm dữ liệu phù hợp dựa trên việc nhấp vào phần tử div tương ứng trong Chart.JS
  • Làm cách nào để hiển thị điểm dữ liệu phù hợp dựa trên việc nhấp vào phần tử div tương ứng trong Chart.JS Phần 2.
  • Cách thêm viền bo tròn vào biểu đồ doughnut trong Chart.JS
  • Cách đặt góc bo tròn vào biểu đồ cột trong Chart.JS 3
  • Cách chuyển đổi tập dữ liệu bằng một nút trong Chart.JS 3
  • Cách tạo huy hiệu tùy chỉnh trong Chart.JS
  • Cách cắt nhãn trong Chart.js nhưng vẫn giữ giá trị nhãn đầy đủ trong các gợi ý công cụ Chart.JS
  • Cách ẩn đường lưới trong Chart.js 3
  • Cách xoay văn bản nhãn dọc theo lát cắt biểu đồ doughnut trong Chart JS
  • Cách xoay văn bản nhãn dọc theo lát cắt biểu đồ doughnut trong Chart JS Phần 2
  • Cách ẩn tên dữ liệu trục x trong biểu đồ kiểu cột Chart JS
  • Cách hiển thị xvalue, yvalue và nhãn trong hộp chú thích trong Chart.js
  • Cách tạo biểu đồ đường gradient theo chiều dọc trong Chart.js
  • Cách thêm nhiều biểu đồ trên một trang trong Chart.js
  • Cách thêm đường viền bo tròn cho một dữ liệu duy nhất trong biểu đồ doughnut trong Chart.js 3
  • Cách tạo biểu đồ cột xếp chồng với các bộ dữ liệu chồng lên nhau và nhiều màu sắc 2
  • Cách rút gọn nhãn dữ liệu dài trên trục y trong Chart.js
  • Cách gán màu sắc trong biểu đồ dựa trên giá trị trong Chart JS
  • Cách tạo biểu đồ đường tiến bộ trong Chart JS
  • Cách sử dụng cấu hình và thiết lập trong biểu đồ đường trong Chart JS
  • Biểu đồ Pie Chart trong Chart JS
  • Biểu đồ cột Bar Chart trong Chart JS
  • Biểu đồ cột ngang Horizontal Bar Chart trong Chart JS
  • Cách thay đổi nhãn dựa trên sự nhấp vào trong biểu đồ cột trong Chart JS
  • Cách sử dụng API phá hủy biểu đồ và vẽ biểu đồ mới trong Chart JS
  • Cách sử dụng thang thời gian và cách nhập ngày giờ trong Chart JS
  • Ví dụ về biểu đồ Bubble Chart trong Chart JS
  • Cách tạo biểu đồ cột dọc có độ dốc dọc bằng cách sử dụng Chart JS
  • Cách tạo biểu đồ cột dọc có độ dốc dọc bằng cách sử dụng Chart JS Phần 2
  • Cách thêm viền bo tròn vào nhãn hộp chú thích trong Chart.js