环形图制作
📥 导出设置
💡 提示:所有图表均在浏览器本地生成,保护您的隐私安全。
👁️ 实时预览
🎨 图表样式
{{ 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) }}% |
💡 功能说明
环形图制作是一款在浏览器本地运行的图表生成工具。只需在左侧填入各项数据与占比,即可实时生成专业的环形图(又称甜甜圈图),全程在本地完成、无需上传服务器,既高效又保护数据隐私。环形图在中心保留空白区域,既突出各部分占比,又可在圆心放置核心指标,视觉效果更现代、层次更清晰。无论是做汇报、写方案还是整理调研数据,都能一键生成并导出精美图表。
- 实时预览:数据、颜色、标题、图例等所有改动即时反映在右侧预览,所见即所得。
- 样式丰富:支持内圈半径、外圈直径、扇形圆角、扇形边框等多种样式自定义,轻松切换饼图与环形图。
- 自定义配色:内置多套配色主题一键套用,也支持为每一项单独设置颜色,或基于某色一键生成渐变配色。
- 数值显示:支持在扇区上显示数值或百分比,并可通过外圈引线标签展示各项名称与占比。
- 标题与图例:标题支持自定义文字、颜色、字号;图例可设置位置、对齐与字号。
- 水印与导出:支持添加水印保护图表;可一键导出为 PNG、JPG 或 SVG 格式图片。
⚠️ 注意事项
- 数据项建议不超过 12 项,项目过多会导致扇区过小、文字拥挤,影响可读性。
- 数值为 0 或空的项不会参与环形图占比计算,也不会显示在图例中。
- 内圈半径越大,环形越细;设为 0 时即为普通饼图,可按需自由调整。
- 页面数据会自动保存在本地浏览器,下次打开可继续编辑;点击"清空"将同时清除本地存储。
- 导出 PNG / JPG 为位图,放大后可能模糊;如需无损缩放请选择 SVG 格式。
- SVG 导出支持环形挖空效果,扇区上的内圈标签与中心镂空区域会按内圈半径同步呈现。