Biểu đồ tròn
Biểu đồ tròn là một loại đồ họa thống kê hình tròn, được chia thành nhiều hình quạt để hiển thị tỷ lệ số liệu. Trong biểu đồ tròn, độ dài cung của mỗi hình quạt tỷ lệ thuận với số lượng mà nó biểu diễn.
Mermaid có thể kết xuất biểu đồ tròn.
Mã
Sao chép
Nhúng
pie title The most popular pets
"Dogs" : 386
"Cats" : 85
"Rats" : 15
Cú pháp
Vẽ biểu đồ tròn trong Mermaid rất đơn giản.
showData biểu thị việc kết xuất giá trị số thực tế sau văn bản chú giải, đây là tùy chọn.
- Theo sau là cú pháp title và giá trị chuỗi của nó, đặt tiêu đề cho biểu đồ tròn, đây là tùy chọn.
- Tiếp theo là tập dữ liệu, các hình quạt của biểu đồ tròn sẽ được sắp xếp theo chiều kim đồng hồ theo thứ tự nhãn.
label của một phần trong biểu đồ tròn, được bao quanh bằng dấu ngoặc kép.
Theo sau là dấu hai chấm : làm dấu phân cách.
Theo sau là positive numeric value, biểu thị giá trị cụ thể, hỗ trợ tối đa hai chữ số thập phân.
mermaid.grammar_pie_data_option_title_value
Ví dụ
Mã
Sao chép
Nhúng
---
config:
pie:
textPosition: 0.5
themeVariables:
pieOuterStrokeWidth: "5px"
---
pie showData
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
Cấu hình
Biểu đồ tròn hỗ trợ các tham số cấu hình sau:
| Tham số | Mô tả | Giá trị mặc định |
|---|---|---|
| textPosition | Vị trí trục của nhãn hình quạt trong biểu đồ tròn, từ 0.0 ở tâm đến 1.0 ở mép hình tròn. | 0.75 |
| donutHole | Tỷ lệ lỗ hình vành khuyên. Dải giá trị hợp lệ từ 0 đến 0.9. | 0.1 |
| legendPosition | Vị trí của chú giải so với biểu đồ. Các giá trị hợp lệ là top, bottom, left, right và center. | top |
| highlightSlice | Tô sáng hình quạt cụ thể có nhãn khớp, đặt thành hover để tô sáng hình quạt được di chuột qua. | hover |
