分类

← View All Tools

蜘蛛图生成器

生成简化的蜘蛛图（雷达图），用于多维度数据对比和分析

蜘蛛图数据。支持JSON数组或简单的维度:值文本格式

显示在图表上方的标题

蜘蛛图主要线条颜色（覆盖配色方案）

方形图表的像素尺寸

图表缩放的最大值（留空自动）

图表缩放的最小值

蜘蛛图线的像素宽度

数据点的像素大小

图表动画的毫秒时长

图表容器的背景颜色

网格线的颜色

填充蜘蛛图内部区域

显示网格线以便更好阅读

在数据点上显示数值

在图表下方显示数据表

关键信息

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

概览

蜘蛛图生成器是一款高效的数据可视化工具，旨在帮助用户通过雷达图直观地展示和对比多维度数据，让复杂的指标分析变得清晰易懂。

适用场景

  • •需要对比多个项目在不同维度上的表现时
  • •进行个人能力评估或产品功能评分分析时
  • •在报告中需要以直观的网状图展示综合评价结果时

工作原理

  • •在图表数据区域输入 JSON 格式或维度:数值格式的数据。
  • •根据需求调整图表标题、配色方案、尺寸及线条样式等参数。
  • •勾选是否显示网格、数值或填充区域以优化视觉效果。
  • •点击生成按钮，即可实时预览并获取生成的蜘蛛图。

使用场景

员工绩效考核：展示员工在沟通、技术、领导力等维度的综合能力。
产品竞品分析：对比自家产品与竞品在价格、性能、易用性等方面的优劣势。
游戏角色属性：直观呈现游戏角色在攻击、防御、速度、生命值等方面的数值分布。

用户案例

1. 年度员工能力评估

人力资源经理
背景原因
HR 需要向管理层汇报员工的年度综合能力，文字描述难以直观体现各维度的强弱。
解决问题
需要将员工在五个核心维度的评分转化为直观的雷达图。
如何使用
输入各维度评分数据，选择“商务色”方案，并开启填充区域以增强视觉对比。
示例配置
chartData: [{"dimension": "沟通", "value": 85}, {"dimension": "技术", "value": 92}, {"dimension": "创新", "value": 78}, {"dimension": "协作", "value": 88}, {"dimension": "领导力", "value": 75}], colorScheme: "business", fillArea: true
效果
生成了一张专业的商务风格蜘蛛图，清晰展示了员工在技术和协作上的优势。

2. 产品功能对比分析

产品经理
背景原因
产品经理需要对比自家产品与竞品在多个功能维度上的差异。
解决问题
通过多维度对比图快速识别产品短板。
如何使用
输入维度数据，设置最大值为 100，调整线宽为 3，确保图表线条清晰可见。
示例配置
chartData: Performance:90
Quality:85
Innovation:95
Price:70
Support:80, maxValue: 100, lineWidth: 3
效果
通过蜘蛛图直观发现产品在创新维度表现突出，但在价格竞争力上略显不足。

用 Samples 测试

json, text
WebRTC 实时通信示例
全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现
preferred input family json
json
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
JWT 示例
从基础令牌结构到高级安全实现的全面JWT示例
preferred input family json
json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
json

相关专题

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

常见问题

蜘蛛图支持哪些数据输入格式？

支持 JSON 数组格式（如 [{"dimension": "A", "value": 10}]）或简单的文本格式（如 A:10）。

可以自定义蜘蛛图的颜色吗？

可以，您可以通过配色方案选项选择预设风格，或直接指定主要线条颜色和背景颜色。

图表尺寸可以调整吗？

支持，您可以在 300px 到 800px 之间自定义图表的方形尺寸。

如何让图表更易于阅读？

建议开启“显示网格”和“显示数值”选项，并根据数据范围设置合理的最小值和最大值。

生成的图表支持导出吗？

本工具生成 HTML 格式的交互式图表，您可以直接在页面查看或通过截图保存使用。

API 文档

请求端点

POST /zh/api/tools/spider-chart-generator

请求参数

参数名 类型 必填 描述
chartData textarea 是 蜘蛛图数据。支持JSON数组或简单的维度:值文本格式
chartTitle text 否 显示在图表上方的标题
colorScheme select 否 -
lineColor color 否 蜘蛛图主要线条颜色（覆盖配色方案）
chartSize number 否 方形图表的像素尺寸
maxValue number 否 图表缩放的最大值（留空自动）
minValue number 否 图表缩放的最小值
lineWidth number 否 蜘蛛图线的像素宽度
pointSize number 否 数据点的像素大小
animationDuration number 否 图表动画的毫秒时长
backgroundColor color 否 图表容器的背景颜色
gridColor color 否 网格线的颜色
fillArea checkbox 否 填充蜘蛛图内部区域
showGrid checkbox 否 显示网格线以便更好阅读
showValues checkbox 否 在数据点上显示数值
showLegend checkbox 否 在图表下方显示数据表

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-spider-chart-generator": {
      "name": "spider-chart-generator",
      "description": "生成简化的蜘蛛图（雷达图），用于多维度数据对比和分析",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=spider-chart-generator",
      "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]