Cách Vẽ 2d Pie Chart: Hướng Dẫn Chi Tiết Từ Cơ Bản Đến Nâng Cao

1. Giới thiệu chung về Pie Chart 2D

Pie chart (đồ thị tròn) là một trong những loại biểu đồ phổ biến nhất trong thống kê và trực quan hoá dữ liệu. Đặc biệt, pie chart 2D – hay còn gọi là biểu đồ tròn hai chiều – được sử dụng rộng rãi vì tính trực quan, dễ hiểu và khả năng truyền tải nhanh chóng tỷ lệ phần trăm của các thành phần trong một tổng thể. Đối với những người mới bắt đầu, việc tạo ra một pie chart 2D có thể gặp một số khó khăn như lựa chọn công cụ, định dạng màu sắc, sắp xếp dữ liệu, hay thậm chí là quyết định nên sử dụng pie chart hay không. Bài viết này sẽ cung cấp cho bạn một hướng dẫn chi tiết, từ khái niệm cơ bản, chuẩn bị dữ liệu, lựa chọn công cụ, tới các kỹ thuật thiết kế nâng cao, giúp bạn tự tin tạo ra những pie chart 2D chuyên nghiệp và hiệu quả.

2. Khi nào nên dùng Pie Chart 2D?

Trước khi bắt tay vào vẽ, bạn cần xác định liệu pie chart 2D có phải là lựa chọn phù hợp cho dữ liệu của mình hay không. Dưới đây là một số tiêu chí:

Tiêu chí	Mô tả
Số lượng danh mục	Thường nên từ 3-7 danh mục. Quá nhiều sẽ làm biểu đồ rối mắt.
Tỷ lệ phần trăm	Các phần phải có tổng bằng 100%.
Khác biệt rõ ràng	Các phần nên có sự khác biệt đủ lớn để người xem dễ nhận ra.
Mục tiêu truyền tải	Khi muốn nhấn mạnh tỷ lệ đóng góp của từng phần vào tổng thể.

Nếu dữ liệu của bạn không đáp ứng các tiêu chí trên (ví dụ: có quá nhiều danh mục hoặc các tỷ lệ quá gần nhau), bạn có thể cân nhắc sử dụng bar chart, stacked column hoặc donut chart thay thế.

3. Chuẩn bị dữ liệu cho Pie Chart 2D

3.1. Thu thập và làm sạch dữ liệu

1. Xác định nguồn dữ liệu: Excel, CSV, database, hoặc nhập tay.
2. Kiểm tra tính hợp lệ: Đảm bảo không có giá trị âm, không có giá trị trùng lặp không cần thiết.
3. Tính tổng: Tổng các giá trị phải bằng 100% (hoặc tính tỷ lệ phần trăm dựa trên tổng).

3.2. Tính toán tỷ lệ phần trăm

Có thể bạn quan tâm: Cách Vẽ 20-11 Đơn Giản: Hướng Dẫn Từng Bước Đầy Đủ Cho Người Mới Bắt Đầu

Nếu dữ liệu gốc là số lượng thực tế (không phải phần trăm), thực hiện công thức:

\text{Tỷ lệ phần trăm} = \frac{\text{Giá trị từng mục}}{\text{Tổng các giá trị}} \times 100\%

Ví dụ: Nếu doanh thu theo khu vực là: Bắc (200), Trung (150), Nam (250) => Tổng = 600. Tỷ lệ Bắc = 200/600 = 33.33%, Trung = 25%, Nam = 41.67%.

3.3. Sắp xếp thứ tự hiển thị

• Theo giá trị giảm dần: Thông thường, phần lớn nhất đặt ở vị trí 12 giờ (đầu tiên) để thu hút sự chú ý.
• Theo thứ tự logic: Ví dụ: theo thứ tự địa lý (Bắc, Trung, Nam) hoặc theo màu sắc thương hiệu.

4. Lựa chọn công cụ vẽ Pie Chart 2D

Có rất nhiều công cụ hỗ trợ vẽ pie chart 2D, từ phần mềm văn phòng truyền thống đến các thư viện lập trình. Dưới đây là một số lựa chọn phổ biến, kèm ưu nhược điểm để bạn có thể chọn phù hợp với nhu cầu.

4.1. Microsoft Excel

• Ưu điểm: Dễ sử dụng, tích hợp sẵn trong Office, hỗ trợ tùy chỉnh màu sắc, chú thích, và hiệu ứng 3D (nếu cần).
• Nhược điểm: Thiếu tính năng tương tác nâng cao, không phù hợp cho việc nhúng vào website.

4.2. Google Sheets

• Ưu điểm: Trực tuyến, chia sẻ dễ dàng, tích hợp với Google Data Studio.
• Nhược điểm: Tùy chỉnh màu sắc và kiểu dáng hạn chế hơn Excel.

4.3. Power BI / Tableau

• Ưu điểm: Tính năng dashboard mạnh mẽ, tương tác người dùng, tích hợp dữ liệu lớn.
• Nhược điểm: Đòi hỏi thời gian học và có chi phí bản quyền (đối với Tableau).

4.4. Python (Matplotlib, Plotly)

Có thể bạn quan tâm: Cách Vẽ 2.5d Trong Autocad: Hướng Dẫn Chi Tiết Từ Cơ Bản Đến Nâng Cao

• Ưu điểm: Tự động hoá, tái sử dụng mã, khả năng tùy biến sâu (định dạng, màu sắc, nhãn, tooltip).
• Nhược điểm: Cần kiến thức lập trình, môi trường thiết lập.

4.5. JavaScript (Chart.js, D3.js)

• Ưu điểm: Tương tác trên web, responsive, có thể nhúng vào trang web hoặc ứng dụng.
• Nhược điểm: Yêu cầu kiến thức JavaScript, đôi khi cấu hình phức tạp.

4.6. Canva / Adobe Illustrator

• Ưu điểm: Thiết kế đồ họa đẹp mắt, phù hợp cho báo cáo, tài liệu marketing.
• Nhược điểm: Không tự động cập nhật dữ liệu, công việc thủ công.

5. Hướng dẫn vẽ Pie Chart 2D bằng Excel (Bước chi tiết)

Bước 1: Nhập dữ liệu

Danh mục	Giá trị
Bắc	200
Trung	150
Nam	250

• Nhập vào sheet mới, chọn cả hai cột (tiêu đề và giá trị).

Bước 2: Chèn biểu đồ

1. Vào Insert → Pie Chart → 2-D Pie.
2. Excel sẽ tự động tạo biểu đồ dựa trên dữ liệu đã chọn.

Bước 3: Định dạng biểu đồ

• Tiêu đề: Click vào tiêu đề mặc định, nhập tiêu đề mới (Ví dụ: “Phân bố doanh thu theo khu vực”).
• Màu sắc: Click vào một phần của biểu đồ → Format Data Point → Fill → chọn màu. Đề nghị dùng palette nhất quán (ví dụ: màu xanh dương cho Bắc, xanh lá cho Trung, đỏ cho Nam).
• Nhãn dữ liệu: Click chuột phải vào biểu đồ → Add Data Labels → chọn “Percentage”. Để hiển thị cả giá trị và phần trăm, chọn “Value & Percentage”.
• Khoảng cách giữa các phần: Click vào một phần → Format Data Series → “Angle of first slice” để điều chỉnh vị trí bắt đầu, và “Explode” để tách phần ra nếu cần nhấn mạnh.

Bước 4: Tối ưu hoá hiển thị

• Độ nghiêng (Tilt): Đối với pie chart 2D, không có độ nghiêng 3D, nhưng bạn có thể thay đổi “Angle of first slice” để phần lớn nhất nằm ở vị trí 12 giờ.
• Font: Chọn font dễ đọc (Arial, Calibri) và kích thước phù hợp.
• Legend: Nếu nhãn dữ liệu đã hiển thị đầy đủ, có thể ẩn legend để giảm clutter.

Bước 5: Lưu và xuất

Có thể bạn quan tâm: Cách Vẽ 2 Trục Tung: Hướng Dẫn Chi Tiết Từ Cơ Bản Đến Nâng Cao

• Lưu file: .xlsx để có thể chỉnh sửa sau.
• Xuất hình ảnh: Click phải → Save as Picture → PNG hoặc JPEG, độ phân giải 300dpi nếu dùng cho in ấn.

6. Vẽ Pie Chart 2D bằng Google Sheets

1. Nhập dữ liệu tương tự như Excel.
2. Chọn dữ liệu → Insert → Chart.
3. Chart type: Chọn “Pie chart”.
4. Customize:
5. “Slice label” → “Percentage”.
6. “Slice color” → tùy chỉnh màu.
7. “Chart & axis titles” → nhập tiêu đề.
8. Publish: File → Publish to the web → lấy link nhúng vào báo cáo hoặc website.

7. Vẽ Pie Chart 2D bằng Python (Matplotlib)

import matplotlib.pyplot as plt # Dữ liệu
labels = 'Bắc', 'Trung', 'Nam'
sizes = 200, 150, 250 # giá trị gốc
total = sum(sizes)
percent = s/total100 for s in sizes # Màu sắc
colors = '#1f77b4', '#2ca02c', '#d62728' # Vẽ biểu đồ
fig, ax = plt.subplots()
wedges, texts, autotexts = ax.pie( sizes, labels=labels, autopct='%1.1f%%', startangle=90, colors=colors, explode=(0, 0, 0.1), # tách phần Nam ra một chút shadow=False
) # Định dạng
ax.axis('equal') # Đảm bảo vòng tròn
plt.title('Phân bố doanh thu theo khu vực', fontsize=14)
plt.setp(autotexts, size=10, weight='bold')
plt.show()

Giải thích mã:
– startangle=90 đưa phần lớn nhất (Nam) ở vị trí 12 giờ.
– explode tách phần Nam ra 0.1 để nhấn mạnh.
– autopct='%1.1f%%' hiển thị phần trăm với một chữ số thập phân.

8. Vẽ Pie Chart 2D bằng JavaScript (Chart.js)

<canvas id="myPieChart" width="400" height="400"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
const ctx = document.getElementById('myPieChart').getContext('2d');
const data = { labels: 'Bắc', 'Trung', 'Nam', datasets: { data: 200, 150, 250, backgroundColor: '#1f77b4', '#2ca02c', '#d62728', hoverOffset: 10 }
}; new Chart(ctx, { type: 'pie', data: data, options: { responsive: true, plugins: { title: { display: true, text: 'Phân bố doanh thu theo khu vực' }, tooltip: { callbacks: { label: function(context) { const total = context.dataset.data.reduce((a,b)=>a+b,0); const value = context.parsed; const percentage = ((value/total)100).toFixed(1); return `${context.label}: ${value} (${percentage}%)`; } } } } }
});
</script>

• hoverOffset tạo hiệu ứng “explode” khi rê chuột.
• Tooltip được tùy chỉnh để hiển thị cả giá trị và phần trăm.

9. Thiết kế nâng cao cho Pie Chart 2D

9.1. Sử dụng màu sắc hợp lý

• Palette đồng nhất: Chọn màu trong cùng family (ví dụ: các tông xanh) để biểu đồ trông hài hòa.
• Màu sắc tương phản: Đối với các phần cần nhấn mạnh, dùng màu sắc tương phản (đỏ vs xanh).
• Tránh màu đỏ/đỏ tươi quá nhiều: Nếu biểu đồ dùng cho báo cáo tài chính, màu đỏ thường tượng trưng cho lỗ, nên dùng cẩn thận.

9.2. Tăng tính tương tác (interactive)

Có thể bạn quan tâm: Cách Vẽ 2 Trái Tim Đẹp Và Độc Đáo: Hướng Dẫn Từng Bước Cho Người Mới Bắt Đầu

• Tooltip: Khi người dùng rê chuột, hiển thị chi tiết giá trị, phần trăm, mô tả.
• Clickable slices: Cho phép người dùng click vào phần để mở chi tiết (đặc biệt trong dashboard web).
• Animates: Thêm hiệu ứng mở rộng khi tải trang để thu hút.

9.3. Đánh dấu phần quan trọng (highlight)

• Explode: Tách phần ra một chút.
• Shadow: Thêm bóng để phần quan trọng nổi bật.
• Label line: Dùng đường dẫn (leader line) để đưa nhãn ra ngoài vòng tròn nếu không gian trong vòng tròn quá chật.

9.4. Khi pie chart không phù hợp

• Donut chart: Thêm lỗ ở giữa, có thể đặt tiêu đề hoặc tổng số ở trung tâm.
• Bar chart: Khi có nhiều danh mục hoặc phần trăm gần nhau.
• Stacked column: Khi cần so sánh nhiều nhóm đồng thời.

10. Kiểm tra và đánh giá chất lượng Pie Chart

Tiêu chí	Cách kiểm tra
Độ chính xác	Tổng phần trăm = 100% ± 0.1% (do làm tròn).
Độ rõ ràng	Nhãn không bị che lấp, font đủ lớn.
Màu sắc	Khác biệt đủ để nhận biết, không gây mỏi mắt.
Cân bằng	Không có phần quá mỏng (dưới 3%) nếu có thể gộp lại.
Tính nhất quán	Phong cách màu, font, layout đồng nhất với các biểu đồ khác trong báo cáo.

11. Các lỗi thường gặp và cách khắc phục

1. Tổng không bằng 100%
2. Kiểm tra công thức tính phần trăm, làm tròn lại cuối cùng.

3. Nếu cần, điều chỉnh phần cuối cùng để tổng đúng.

4. Nhãn bị cắt

5. Tăng kích thước biểu đồ hoặc giảm kích thước font.

6. Sử dụng leader line để di chuyển nhãn ra ngoài.

7. Màu sắc quá giống nhau

8. Chọn palette có độ tương phản cao hơn.

9. Sử dụng công cụ online như ColorBrewer.

10. Phần quá nhỏ không nhìn thấy

11. Gộp các phần nhỏ (<3%) thành “Khác”.

12. Hoặc sử dụng donut chart với legend phía bên.

13. Biểu đồ không phản ánh đúng dữ liệu

14. Kiểm tra lại nguồn dữ liệu, đảm bảo không có giá trị trùng hoặc thiếu.
15. Kiểm tra thứ tự sắp xếp, tránh nhầm lẫn khi copy-paste.

12. Thực hành: Tạo một báo cáo mẫu

12.1. Kịch bản

Bạn là chuyên viên phân tích dữ liệu tại một công ty bán lẻ. Nhiệm vụ của bạn là tạo một báo cáo về tỷ lệ doanh thu theo loại sản phẩm trong quý 1 năm 2026. Các loại sản phẩm:

Loại sản phẩm	Doanh thu (triệu VND)
Thời trang	120
Điện tử	250
Đồ gia dụng	90
Thực phẩm	180
Sách	60
Khác	30

12.2. Các bước thực hiện (sử dụng Excel)

1. Nhập bảng dữ liệu vào sheet.
2. Tính tổng: 120+250+90+180+60+30 = 730.
3. Tính phần trăm:
4. Thời trang: 120/730 ≈ 16.44%
5. Điện tử: 250/730 ≈ 34.25%
6. Đồ gia dụng: 90/730 ≈ 12.33%
7. Thực phẩm: 180/730 ≈ 24.66%
8. Sách: 60/730 ≈ 8.22%
9. Khác: 30/730 ≈ 4.11%
10. Tạo pie chart: Insert → Pie → 2-D Pie.
11. Định dạng:
12. Màu: Sử dụng tông màu pastel để dễ nhìn.
13. Explode phần “Điện tử” (đóng góp lớn nhất).
14. Thêm nhãn % và giá trị.
15. Đặt tiêu đề “Tỷ lệ doanh thu theo loại sản phẩm – Q1/2026”.
16. Kiểm tra: Tổng % = 100% (khoảng 99.99% do làm tròn). Đảm bảo nhãn không chồng lên nhau.

12.3. Kết quả

Bạn sẽ có một pie chart 2D đẹp mắt, thể hiện rõ ràng rằng điện tử chiếm hơn 34% doanh thu, là mặt hàng chủ lực, trong khi khác chỉ chiếm khoảng 4%, có thể gộp vào “Khác” trong báo cáo chi tiết.

13. Tối ưu hoá cho in ấn và trình chiếu

• Độ phân giải: Khi xuất ảnh, sử dụng 300dpi hoặc cao hơn để tránh mờ.
• Màu CMYK: Nếu in ấn, chuyển màu từ RGB sang CMYK để màu sắc chính xác.
• Kích thước: Đặt kích thước biểu đồ phù hợp với trang A4 hoặc slide PowerPoint (ví dụ: 8cm x 8cm cho A4, 12cm x 12cm cho slide).
• Font: Sử dụng font không có viền (sans-serif) để tránh mờ khi in.

14. Tài nguyên và công cụ hỗ trợ

Công cụ	Link	Đặc điểm
Excel	https://www.microsoft.com/excel	Đa năng, tích hợp Office
Google Sheets	https://sheets.google.com	Làm việc nhóm, miễn phí
Tableau Public	https://public.tableau.com	Dashboard tương tác
Matplotlib	https://matplotlib.org	Thư viện Python mạnh mẽ
Plotly	https://plotly.com/python	Biểu đồ tương tác
Chart.js	https://www.chartjs.org	Thư viện JS nhẹ
Canva	https://www.canva.com	Thiết kế đồ họa nhanh
ColorBrewer	https://colorbrewer2.org	Lựa chọn palette màu

15. Kết luận

Pie chart 2D, dù là một công cụ đơn giản, vẫn giữ vai trò quan trọng trong việc truyền tải thông tin tóm tắt và trực quan hoá tỷ lệ phần trăm. Để tạo ra một pie chart 2D hiệu quả, người dùng cần:

1. Xác định đúng mục tiêu và đảm bảo dữ liệu phù hợp (số lượng danh mục, tổng bằng 100%).
2. Chuẩn bị dữ liệu cẩn thận, tính toán phần trăm và sắp xếp thứ tự hiển thị hợp lý.
3. Lựa chọn công cụ phù hợp với môi trường làm việc (Excel, Google Sheets, Python, JavaScript, v.v.).
4. Áp dụng các nguyên tắc thiết kế: màu sắc hợp lý, nhãn rõ ràng, highlight phần quan trọng, và tránh quá tải thông tin.
5. Kiểm tra và tối ưu cho các nền tảng khác nhau (in ấn, trình chiếu, web).

Bằng việc nắm vững quy trình từ khởi tạo dữ liệu đến tối ưu hoá thiết kế, bạn sẽ tự tin tạo ra những pie chart 2D không chỉ đẹp mắt mà còn truyền tải thông tin một cách chính xác và hiệu quả. Hãy thực hành với các ví dụ thực tế, thử nghiệm các màu sắc và kiểu dáng khác nhau, và luôn luôn nhớ rằng mục tiêu cuối cùng của mọi biểu đồ là giúp người xem hiểu nhanh, hiểu đúng. Chúc bạn thành công trong việc tạo ra những pie chart 2D ấn tượng!