分类

← View All Tools

极坐标面积图生成器

生成交互式极坐标面积图来可视化圆形格式的数据，非常适合比较具有周期性模式或径向分布的类别

极坐标面积图的JSON格式数据，包含标签和数值字段

显示在图表上方的标题

十六进制颜色JSON数组（需要选择自定义颜色）

图表的像素尺寸（最小：300，最大：600）

起始角度（0-360度）

甜甜圈图效果的内半径（0-80）

图表容器的背景颜色

在图表区域内显示数值

在图表周围显示类别标签

显示径向网格线和圆圈

加载时动画显示图表区域

显示百分比而不是数值

悬停时显示详细信息

关键信息

分类
Data Visualization
输入类型
textarea, text, select, number, color, checkbox
输出类型
html
样本覆盖
4
支持 API
Yes

概览

极坐标面积图生成器是一款专业的数据可视化工具，旨在将数值数据转化为直观的圆形径向图表。它非常适合展示具有周期性特征的数据，或通过面积大小直观对比不同类别的分布情况，帮助用户快速洞察数据间的关联与差异。

适用场景

  • •需要对比多个类别在周期性模式下的数值差异时。
  • •希望以径向分布形式展示数据，使图表更具视觉吸引力时。
  • •在仪表盘或报告中需要一种比传统柱状图更紧凑的对比方式时。

工作原理

  • •在输入框中按照 JSON 格式填入标签（label）和数值（value）数据。
  • •根据需求调整图表标题、配色方案、数值格式及内半径等参数。
  • •勾选显示网格、工具提示或动画效果以增强交互体验。
  • •点击生成按钮，即可预览并获取交互式的极坐标面积图。

使用场景

季节性销售趋势分析：对比一年中不同月份的销售额分布。
多维度能力评估：通过径向面积展示个人或团队在不同技能指标上的表现。
市场份额占比展示：以圆形布局直观呈现各产品线在总市场中的份额。

用户案例

1. 年度季度销售额对比

市场分析师
背景原因
分析师需要向管理层展示四个季度的销售表现，要求图表既要美观又要能体现周期性。
解决问题
传统柱状图过于平淡，无法体现销售额的季节性循环特征。
如何使用
输入四个季度的销售数据，设置配色方案为“专业”，并开启工具提示。
示例配置
[{"label": "Q1", "value": 1200}, {"label": "Q2", "value": 1800}, {"label": "Q3", "value": 1500}, {"label": "Q4", "value": 2200}]
效果
生成了一个清晰的极坐标面积图，直观展示了 Q4 销售额的峰值，且交互式提示方便查看具体数值。

用 Samples 测试

json
Grafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
preferred input family json
json
D3.js 数据可视化示例
全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化
preferred input family json
json
十六进制/Unicode转换样本
十六进制和Unicode转义序列转换的测试样本
preferred input family json
json
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json

相关专题

JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。
JsonGenerate工具专题
探索 33 个围绕 json 的 generate 工作流工具，快速找到相近能力。
JsonFormat工具专题
探索 6 个围绕 json 的 format 工作流工具，快速找到相近能力。

常见问题

什么是极坐标面积图？

极坐标面积图是一种在圆形坐标系中展示数据的图表，每个类别占据一个扇区，其面积大小代表数值，常用于对比周期性数据。

输入数据格式有什么要求？

数据必须为 JSON 数组格式，每个对象需包含 'label'（类别名称）和 'value'（数值）两个字段。

可以自定义图表的颜色吗？

可以。在配色方案中选择“自定义颜色”，并在下方输入框中填入十六进制颜色代码数组即可。

如何制作甜甜圈形状的极坐标图？

通过调整“内半径”参数（0-80），即可在图表中心留出空隙，从而实现甜甜圈图的效果。

生成的图表支持交互吗？

支持。启用“启用工具提示”功能后，鼠标悬停在图表扇区上即可查看详细的标签和数值信息。

API 文档

请求端点

POST /zh/api/tools/polar-area-chart

请求参数

参数名 类型 必填 描述
chartData textarea 是 极坐标面积图的JSON格式数据，包含标签和数值字段
chartTitle text 否 显示在图表上方的标题
colorScheme select 否 -
customColors textarea 否 十六进制颜色JSON数组（需要选择自定义颜色）
valueFormat select 否 -
chartSize number 否 图表的像素尺寸（最小：300，最大：600）
startAngle number 否 起始角度（0-360度）
innerRadius number 否 甜甜圈图效果的内半径（0-80）
backgroundColor color 否 图表容器的背景颜色
showValues checkbox 否 在图表区域内显示数值
showLabels checkbox 否 在图表周围显示类别标签
showGrid checkbox 否 显示径向网格线和圆圈
showAnimation checkbox 否 加载时动画显示图表区域
showPercentage checkbox 否 显示百分比而不是数值
enableTooltip checkbox 否 悬停时显示详细信息

响应格式

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-polar-area-chart": {
      "name": "polar-area-chart",
      "description": "生成交互式极坐标面积图来可视化圆形格式的数据，非常适合比较具有周期性模式或径向分布的类别",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=polar-area-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

如果遇见问题，请联系我们：[email protected]