饼图
饼图是用于显示数值比例的圆形统计图表，通过将圆分成不同比例的扇形来展示数据。
语法
基本元素
- 标题:
pie title [图表标题] - 数据项:
"[标签]" : [数值] - 可选:
showData- 显示具体数值
基础示例
代码:
mermaid
pie title 简单饼图
"部分 A" : 30
"部分 B" : 50
"部分 C" : 20
高级示例
这是一个展示网站流量来源的详细饼图：
代码:
mermaid
pie showData title 网站流量来源
"自然搜索" : 35.7
"直接访问" : 24.3
"社交媒体" : 20.5
"引荐链接" : 12.8
"邮件营销" : 6.7
数据可视化
市场份额示例
代码:
mermaid
pie title 2024年第一季度市场份额
"公司 A" : 45.2
"公司 B" : 28.7
"公司 C" : 15.3
"其他" : 10.8
时间分配
代码:
mermaid
pie showData title 日常活动分配
"工作" : 8
"睡眠" : 7
"休闲" : 4
"运动" : 1
"其他" : 4
功能特点
显示数据值
可以使用 showData 显示实际数值：
代码:
mermaid
pie showData title 预算分配
"开发" : 40
"市场营销" : 20
"运营" : 30
"行政" : 10
样式设置
饼图会自动：
- 为扇形分配不同颜色
- 计算比例
- 显示标签
- 显示百分比和/或数值（使用 showData 时）
实用技巧
- 控制扇形数量（建议不超过7个）
- 使用清晰简洁的标签
- 考虑按大小排序扇形
- 使用有意义的标题
- 当数值重要时添加
showData - 确保数值总和有意义
- 使用统一的小数位数
常见问题解决
可读性问题
- 避免过多的扇形
- 使用清晰的标签
- 确保颜色对比适当
数据问题
- 验证数值总和
- 检查比例计算
- 确保数据格式正确
显示问题
- 调整标签位置
- 优化颜色选择
- 处理重叠问题
最佳实践
- 数据要简洁明了
- 颜色要有明显区分
- 标签要易于理解
- 比例要准确合理
- 总和要有实际意义
- 排序要有逻辑性
- 图例要清晰可见