Chuyên sâu•2026-09-12•6 phút đọc

Tiêu chuẩn thiết kế biểu đồ tròn và bánh rán (Pie & Donut Chart) chuẩn mực

Quy tắc 100%, giới hạn 5-6 lát cắt, kỹ thuật gom nhóm 'Khác' và lý do vì sao bạn nên nói không với hiệu ứng 3D đổ bóng.

Lê Tịnh Minh
Lê Tịnh Minh
A rational Digital Marketer
Chia sẻ bài viết:
Tiêu chuẩn thiết kế biểu đồ tròn và bánh rán (Pie & Donut Chart) chuẩn mực

Biểu đồ tròn (Pie Chart) và biểu đồ bánh rán (Donut Chart) là một trong những định dạng đồ thị xuất hiện nhiều nhất trên các phương tiện truyền thông và báo cáo đại chúng. Thế nhưng, đây cũng là loại biểu đồ thường xuyên bị thiết kế sai cách nhất, dẫn đến tình trạng "rối rắm thị giác" và đánh lừa mắt người đọc.

Để biến biểu đồ tròn thành một vũ khí trình bày số liệu sắc bén, hãy tuân thủ 8 quy chuẩn chuyên sâu dưới đây.


1. Tổng dữ liệu bắt buộc phải bằng đúng 100%

Một biểu đồ tròn đại diện cho một "chiếc bánh" tổng thể trọn vẹn.

  • Chỉ sử dụng khi các danh mục thành phần là loại trừ lẫn nhau (mutually exclusive) và tổng cộng đúng 100%.
  • Nếu câu hỏi khảo sát cho phép chọn nhiều đáp án (Multiple Choice) hoặc số liệu các mục cộng lại vượt quá 100%, bạn tuyệt đối không được dùng Pie Chart mà phải chuyển sang Biểu đồ thanh ngang (Bar Chart).

2. Giới hạn tối đa từ 5 đến 6 lát cắt dữ liệu

Đây là quy tắc sống còn để tránh biến biểu đồ thành một "bánh xe nan hoa":

  • Khi có quá nhiều lát cắt nhỏ (từ 7 mục trở lên), nhãn chữ sẽ bị chen lấn, các lát cắt bị thu hẹp thành những đường chỉ mỏng khiến mắt người không thể nhận biết tỷ lệ.
  • Giải pháp chuẩn agency: Giữ lại 4 đến 5 mục lớn nhất, tất cả các mục nhỏ còn lại (từ hạng 6 trở đi) hãy gom lại thành một danh mục chung mang tên "Khác" (Other).
  • Bạn có thể đặt một bảng chú thích nhỏ hoặc ghi chú bên cạnh biểu đồ để liệt kê danh sách các thành phần nằm trong nhóm "Khác" này.

3. Thứ tự sắp xếp lát cắt theo logic nghiêm ngặt

  • Bắt đầu lát cắt lớn nhất tại vị trí 12 giờ (đỉnh vòng tròn) và sắp xếp các lát tiếp theo theo chiều kim đồng hồ từ lớn đến bé.
  • Danh mục "Khác" (Other) luôn luôn được đặt ở vị trí cuối cùng, bất kể tỷ lệ của nó có thể lớn hơn một vài mục thành phần cụ thể khác.
  • Trong trường hợp khảo sát có thứ bậc cố định (ví dụ độ tuổi hoặc các mức độ hài lòng), hãy giữ nguyên thứ tự thang đo để tránh làm xáo trộn tư duy người đọc.

4. Tuyệt đối nói không với hiệu ứng 3D và đổ bóng (Shadows)

Hiệu ứng 3D nhìn nghiêng có thể tạo cảm giác "hiện đại" đối với người mới làm quen thiết kế, nhưng trong phân tích dữ liệu chuyên nghiệp, đây là một lỗi tối kỵ:

  • Hiệu ứng phối cảnh (Perspective) khiến các lát cắt ở gần người nhìn trông to hơn hẳn các lát cắt ở phía xa, dù giá trị phần trăm thực tế của chúng có thể nhỏ hơn.
  • Hãy luôn sử dụng biểu đồ phẳng 2D với đường viền mỏng tinh tế và khoảng cách tách lát nhẹ nhàng để đảm bảo độ trung thực của thị giác.

5. Nhãn phần trăm phải hiển thị trực tiếp trên lát cắt

  • Đừng bắt người đọc phải nhìn số ở chú giải (legend), sau đó dò tìm màu sắc tương ứng trên vòng tròn, rồi lại quay ngược lại để đọc tên. Hành động "đảo mắt liên tục" này gây mỏi mắt và làm mất mạch suy nghĩ.
  • Hãy hiển thị giá trị phần trăm trực tiếp ngay trên hoặc cạnh từng lát cắt.
  • Định dạng phần trăm chuẩn mực: hiển thị 1 chữ số thập phân (XX.X%) thay vì làm tròn số nguyên sơ sài.

6. Đặt chỉ số tổng quy mô mẫu (Center KPI) tại tâm biểu đồ Donut

Biểu đồ Donut (bánh rán) có một lợi thế vượt trội so với Pie Chart nguyên khối: nó sở hữu một khoảng trống ở trung tâm.

  • Vị trí tâm rỗng là nơi hoàn hảo để hiển thị kích thước mẫu tổng quát: ví dụ N = 17,093,694 hoặc tổng doanh thu toàn ngành.
  • Điều này giúp người đọc vừa nắm được tỷ lệ cơ cấu tương đối (%), vừa nhận biết được quy mô tuyệt đối của dữ liệu nghiên cứu.

7. Sử dụng bảng màu chiến lược

  • Tránh việc tô ngẫu nhiên 6 màu sắc cầu vồng rực rỡ không có quy luật.
  • Hãy dùng màu thương hiệu chủ đạo cho phần bạn muốn làm nổi bật, và dùng các sắc độ nhạt hơn hoặc gam màu trung tính cho các phần còn lại.
  • Với các chỉ số mang tính chất đánh giá (như sắc thái tình cảm Sentiment), hãy tuân thủ quy ước quốc tế: Xanh lá (Tích cực) – Xám/Vàng (Trung lập) – Đỏ (Tiêu cực).

Bảng so sánh nhanh: Thiết kế kém vs Thiết kế chuẩn

Tiêu chí Thiết kế lỗi (Nên tránh) Thiết kế chuẩn mực (Khuyên dùng)
Số lát cắt 10–15 lát cắt li ti, rối mắt Tối đa 5–6 lát cắt, phần dư gom vào "Khác"
Hiệu ứng Đồ họa 3D, đổ bóng dày đặc Phẳng 2D, viền ngăn cách mảnh tinh tế
Vị trí nhãn Nhãn chỉ nằm ở Legend rời rạc Nhãn % gắn trực tiếp trên từng lát cắt
Thứ tự Xếp lộn xộn không quy luật Giảm dần theo chiều kim đồng hồ từ 12 giờ
Tâm rỗng Bỏ trống hoặc trang trí thừa Hiển thị Center KPI và quy mô mẫu N = ...

Áp dụng đúng các tiêu chuẩn này trên Neoplot Studio sẽ giúp mọi biểu đồ tỷ trọng của bạn trở nên chuyên nghiệp, thuyết phục và chuẩn mực như tài liệu từ các viện nghiên cứu hàng đầu.

Thẻ:#Donut Chart#Pie Chart#Design Rules#Data Accuracy
Chia sẻ bài viết:
Trải Nghiệm Thực Tế

Tạo biểu đồ chuẩn agency cùng Neoplot MAX

Dán dữ liệu từ Excel hoặc Google Sheets và xuất ảnh 4K sắc nét chỉ trong vài giây.