Of course hard-coding is impractica

Of course hard-coding is impractical for most datasets, and the point of this tutorial is to teach you how to create charts from data automatically. So now let’s create the identical structure using D3, starting with an empty page that contains only a div of class "chart". The following script selects the chart container and then appends a child div for each bar with the desired width:

Kết quả (Việt) 1:

Tất nhiên cứng mã hóa là không thực tế cho hầu hết datasets, và điểm của hướng dẫn này là để dạy cho bạn làm thế nào để tạo biểu đồ từ dữ liệu tự động. Vì vậy, bây giờ chúng ta hãy tạo cấu trúc giống hệt nhau bằng cách sử dụng D3, bắt đầu với một trang trống rỗng chứa chỉ là một div lớp "biểu đồ". Các kịch bản sau chọn các thùng chứa biểu đồ và sau đó gắn thêm một div trẻ em cho mỗi thanh với chiều rộng mong muốn:

Kết quả (Việt) 2:

Tất nhiên cứng mã hóa là không thực tế đối với hầu hết các bộ dữ liệu, và điểm của hướng dẫn này là để dạy bạn làm thế nào để tạo biểu đồ từ dữ liệu tự động. Vì vậy, bây giờ hãy tạo ra các cấu trúc giống hệt nhau bằng cách sử dụng D3, bắt đầu với một trang trống mà chỉ chứa một div của lớp "biểu đồ". Các kịch bản sau đây chọn các thùng chứa đồ và sau đó gắn thêm một div con đối với mỗi thanh có chiều rộng mong muốn: