饼状图制作
📥 导出设置
💡 提示：所有图表均在浏览器本地生成，保护您的隐私安全。
👁️ 实时预览
🎨 图表样式
{{ chartConfig.diameter }}px
{{ chartConfig.chartHAlign }}%
{{ chartConfig.chartVAlign }}%
{{ chartConfig.cornerRadius }}px
{{ chartConfig.borderWidth }}px
{{ chartConfig.innerRadius }}%
{{ chartConfig.titleAlign }}%
{{ chartConfig.titleVertical }}%
{{ chartConfig.titleFontSize }}px
{{ chartConfig.subtitleFontSize }}px
{{ chartConfig.labelFontSize }}px
{{ chartConfig.outerLabelFontSize }}px
{{ chartConfig.legendFontSize }}px
{{ chartConfig.watermarkFontSize }}px
{{ chartConfig.watermarkOpacity }}%
{{ chartConfig.watermarkDensity }}
{{ chartConfig.watermarkAngle }}°
{{ chartConfig.sourceFontSize }}px
{{ chartConfig.sourceX }}%
{{ chartConfig.sourceY }}%
{{ chartConfig.authorFontSize }}px
{{ chartConfig.authorX }}%
{{ chartConfig.authorY }}%
📝 数据编辑
| # | 标签 | 数值 | 颜色 | 占比 | 操作 |
|---|---|---|---|---|---|
| {{ index + 1 }} | {{ getPercentage(row.value) }}% |
💡 功能说明
饼状图制作是一款在浏览器本地运行的图表生成工具。只需在左侧填入各项数据与占比，即可实时生成专业的饼状图，全程在本地完成、无需上传服务器，既高效又保护数据隐私。无论是做汇报、写方案还是整理调研数据，都能一键生成并导出精美图表。
- 实时预览：数据、颜色、标题、图例等所有改动即时反映在右侧预览，所见即所得。
- 样式丰富：支持环形图、3D 立体效果、起始角度、扇区间距等多种样式自定义。
- 自定义配色：支持为每一段单独设置颜色，或一键随机配色，也可统一调整。
- 数值显示：支持在图上显示数值或百分比，可自定义小数位数与文字颜色、大小。
- 标题与图例：标题支持自定义文字、颜色、字号；图例可设置位置、对齐与字号。
- 水印与导出：支持添加水印保护图表；可一键导出为 PNG、JPG 或 SVG 格式图片。
⚠️ 注意事项
- 数据项建议不超过 12 项，项目过多会导致扇区过小、文字拥挤，影响可读性。
- 数值为 0 或空的项不会参与饼图占比计算，也不会显示在图例中。
- 所有渲染与导出均在本地浏览器完成，关闭页面后已填写的数据不会保留，请及时导出保存。
- 导出 PNG / JPG 为位图，放大后可能模糊；如需无损缩放请选择 SVG 格式。
- SVG 导出不支持 3D 立体效果，导出时会自动以平面饼图呈现。