1. Cách tạo biểu đồ biểu đồ trong Chart.js

Làm thế nào để tạo biểu đồ Histogram

Cách tạo biểu đồ Histogram trong Chart.js. Biểu đồ histogram là một loại biểu đồ khác so với biểu đồ cột (bar chart). Chúng có nhiều điểm tương đồng nhưng hệ thống trục x khác nhau.

Video này sẽ hướng dẫn cách tạo biểu đồ histogram trong Chart.js. Chúng ta sẽ sử dụng cấu trúc biểu đồ cột (bar chart) làm điểm khởi đầu của chúng ta.

Dự liệu gì làm cho một biểu đồ histogram khác biệt so với một biểu đồ cột?

Sự khác biệt 1: Biểu đồ histogram không chứa bất kỳ khoảng trống nào giữa các cột.

Với biểu đồ histogram, không có khoảng cách nào giữa mỗi thanh. Tất cả nên được nối với nhau vì tỷ lệ x thường đo thời gian giữa mỗi thanh. Có khoảng cách giữa mỗi thanh sẽ cho biết không có hoạt động nào trong khoảng thời gian cụ thể đó.

Sự khác biệt 2: Đúng, các nhãn trục x trên biểu đồ histogram được đặt giữa các cột, không phải ở phía dưới cột.

Thứ hai, các nhãn trục x không nằm dưới các thanh. Trong biểu đồ cột, điều này xảy ra, nhưng đối với biểu đồ histogram, chúng nên nằm giữa các thanh. Điều này cho biết một khoảng thời gian nơi ví dụ như một giờ cụ thể bắt đầu và kết thúc.

Lấy mã mặc định của Chart.js để bắt đầu.

Để bắt đầu với biểu đồ histogram, chúng ta sẽ sử dụng mã mặc định từ Bắt đầu với trang Getting Started với Chart.js. Mã mặc định này sẽ cung cấp cho bạn một điểm khởi đầu tốt.

Cấu trúc dữ liệu cho Biểu đồ Histogram

Một biểu đồ histogram sẽ cần 2 điểm dữ liệu cụ thể. Chúng ta sẽ làm việc với các tọa độ x và y. Điều này có nghĩa là chúng ta sẽ sử dụng các cấu trúc dữ liệu.