Chuyển tới nội dung chính
Z

Trình tạo biểu đồ cột

Tạo biểu đồ cột từ CSV — dạng xếp chồng, theo nhóm, nằm ngang. Hỗ trợ nhiều chuỗi dữ liệu, xuất PNG, không cần tải lên.

Miễn phí Không cần đăng ký Chạy trên trình duyệt Tôn trọng riêng tư Updated

Cách dùng

  1. 1 Dán dữ liệu CSV với tiêu đề ở hàng đầu tiên và nhãn ở cột đầu tiên.
  2. 2 Bật tùy chọn xếp chồng hoặc nằm ngang để đổi bố cục. Nhiều cột dữ liệu sẽ trở thành các nhóm cột cạnh nhau hoặc xếp chồng.
  3. 3 Tải biểu đồ đã dựng xuống dưới dạng PNG để dùng cho slide hoặc báo cáo.

Vì sao dùng công cụ này

  • Tùy chọn xếp chồng và nằm ngang — một công cụ bao quát cả bố cục theo nhóm, xếp chồng và cột cạnh nhau.
  • Chart.js được tải lazy (lazy-load) — hiển thị lần đầu nhanh, không cần tải file lên.
  • Sẵn sàng cho nhiều chuỗi dữ liệu — mỗi cột số trong CSV của bạn sẽ trở thành một chuỗi cột riêng biệt.
  • Hỗ trợ các ô CSV có dấu ngoặc kép, kể cả dấu phẩy và ký tự xuống dòng bên trong trường dữ liệu.

Câu hỏi thường gặp

Cần một loại biểu đồ khác?

Hãy thử công cụ <a class="underline" href="/line-chart-maker">Trình tạo biểu đồ đường</a>, <a class="underline" href="/pie-chart-maker">biểu đồ tròn</a> hoặc <a class="underline" href="/scatter-plot-maker">biểu đồ phân tán</a> — cùng dùng định dạng CSV đầu vào.

Làm sao để chuyển JSON sang CSV trước?

Dùng công cụ <a class="underline" href="/csv-to-json">chuyển đổi CSV / JSON</a> để chuyển dữ liệu của bạn sang CSV, sau đó dán vào đây.

Vì sao một số cột bị thiếu?

Các ô không phải số sẽ thành null và bị bỏ qua. Hãy đảm bảo các cột dữ liệu của bạn chỉ chứa số thuần túy.

Trình tạo biểu đồ cột là gì?

Trình tạo biểu đồ cột (Bar Chart Maker) là công cụ tạo biểu đồ cột từ dữ liệu CSV ngay trong trình duyệt. Công cụ hiển thị các giá trị dưới dạng cột chữ nhật và hỗ trợ bố cục xếp chồng, theo nhóm và nằm ngang với nhiều chuỗi dữ liệu. Biểu đồ hoàn chỉnh có thể được xuất ra dưới dạng ảnh PNG, và toàn bộ quá trình xử lý diễn ra phía trình duyệt (client-side), không cần tải file lên.

Tính năng

Nhiều chuỗi cột từ các cột CSV

Mỗi cột số sau cột đầu tiên trở thành một tập dữ liệu cột riêng biệt, tự động được gán một màu khác nhau từ bảng 10 màu; các ô không phải số được phân tích thành null và bị bỏ qua.

Tùy chọn cột chồng và bố cục ngang

Các ô checkbox cho phép chuyển đổi biểu đồ giữa cột nhóm và cột chồng (Chart.js scales.x/y.stacked), cũng như giữa hướng dọc và hướng ngang (Chart.js indexAxis: 'x' | 'y').

Xuất PNG chỉ với một cú nhấp

Nút Download vẽ trực tiếp canvas hiện tại thành PNG data URL bằng canvas.toDataURL('image/png') và kích hoạt tải xuống trên trình duyệt — không cần gửi dữ liệu về máy chủ.

Chỉ chạy phía trình duyệt, không tải lên

Việc phân tích CSV (tuân thủ RFC 4180, xử lý được các trường có dấu ngoặc kép chứa dấu phẩy/xuống dòng bên trong) và việc vẽ Chart.js đều chạy trong trình duyệt; nội dung CSV không bao giờ rời khỏi trang.

Ví dụ

Input

Quarter,Revenue,Cost
Q1,42,30
Q2,55,33
Q3,61,40
Q4,78,48

Output

bar-chart-maker.png — canvas-sized PNG (matches the on-screen preview element, no fixed pixel dimensions), 2 bar series (Revenue, Cost) in grouped layout with a legend, colors #10b981 and #0ea5e9 at 70% fill opacity

Trường hợp sử dụng

  1. 1

    So sánh doanh thu và chi phí theo quý

    Dán các dòng Quarter,Revenue,Cost để có được các cột cạnh nhau hoặc cột chồng so sánh hai chỉ số theo từng giai đoạn, phục vụ bài thuyết trình hoặc báo cáo.

  2. 2

    Phân tích khảo sát hoặc phân loại danh mục

    Biến các số liệu có nhãn (ví dụ: thị phần trình duyệt, nguồn traffic) thành biểu đồ cột ngang khi nhãn danh mục quá dài, không vừa với trục x theo chiều dọc.

  3. 3

    Kiểm tra nhanh trước khi công bố biểu đồ ở nơi khác

    Xem trước dữ liệu CSV nhiều chuỗi trông như thế nào dưới dạng cột chồng hoặc cột nhóm trước khi áp dụng cùng cấu trúc đó vào công cụ BI hoặc slide thuyết trình.

Tóm tắt

Bar Chart Maker chuyển văn bản CSV dán vào thành biểu đồ cột được vẽ bằng Chart.js 4 trên canvas HTML. Mỗi cột số sau cột đầu tiên trở thành một chuỗi dữ liệu riêng, với các tùy chọn bật/tắt cột chồng (stacked bars), hướng ngang (indexAxis), và hiển thị chú giải; kết quả có thể xuất ra PNG qua canvas.toDataURL(). Toàn bộ việc phân tích CSV và vẽ biểu đồ đều diễn ra phía trình duyệt (client-side) — không có file nào được tải lên máy chủ.

Danh mục
Sáng tạo
Giá
Miễn phí
Quyền riêng tư
Chạy trên trình duyệt
Đăng ký
Không cần

Tài liệu tham khảo

Quyền riêng tư

Dữ liệu của bạn không bao giờ rời khỏi trình duyệt trừ khi được nêu rõ. Trình tạo biểu đồ cột chạy hoàn toàn phía client — không tải lên máy chủ, không ghi log, không theo dõi dữ liệu bạn nhập.

Công cụ liên quan

Trình tải Thumbnail YouTube

Tải ảnh thumbnail YouTube ở mọi độ phân giải có sẵn. Chỉ cần dán URL video.

Mở công cụ

Xem trước Open Graph

Kiểm tra URL của bạn hiển thị như thế nào khi chia sẻ trên mạng xã hội. Xem trước thẻ chia sẻ trên Facebook, Twitter, LinkedIn và Slack.

Mở công cụ

Đếm từ & ký tự

Đếm từ, ký tự, câu và đoạn văn. Thời gian đọc, thời gian nói và các từ khóa nổi bật — tức thì.

Mở công cụ

Trình tạo Lorem Ipsum

Tạo văn bản giữ chỗ Lorem Ipsum — theo đoạn văn, câu, hoặc từ. Tùy chọn bọc HTML.

Mở công cụ

Xây dựng, chia sẻ và phát triển trên Zerethon Social

Đăng ký miễn phí. Kiếm điểm, sưu tầm thành tựu và kết nối với nhà sáng tạo khắp thế giới.

Dùng thử Zerethon miễn phí