caoronglin 图表生成 MCP 技能
功能说明
MCP Server Chart 是基于 AntV 的数据可视化 MCP 服务：
- 📊 25+图表类型：折线图、柱状图、饼图、雷达图等
- 📈 数据分析：支持数据分析和可视化
- 🎨 自定义样式：丰富的配置选项
- 🗺️ 地图可视化：支持中国地区地图（需配置）
- 💾 多种输出：支持PNG、SVG等格式
支持的图表类型
基础图表
| 图表类型 | 工具名称 | 用途 |
|---|---|---|
| 折线图 | generate_line_chart | 趋势展示 |
| 柱状图 | generate_column_chart | 对比分析 |
| 条形图 | generate_bar_chart | 横向对比 |
| 饼图 | generate_pie_chart | 占比分析 |
| 面积图 | generate_area_chart | 趋势面积 |
| 散点图 | generate_scatter_chart | 相关性分析 |
高级图表
| 图表类型 | 工具名称 | 用途 |
|---|---|---|
| 雷达图 | generate_radar_chart | 多维对比 |
| 热力图 | generate_heatmap_chart | 密度展示 |
| 漏斗图 | generate_funnel_chart | 转化分析 |
| 箱线图 | generate_box_plot_chart | 分布分析 |
| 双轴图 | generate_dual_axes_chart | 双指标对比 |
| 瀑布图 | generate_waterfall_chart | 增减分析 |
特殊图表
| 图表类型 | 工具名称 | 用途 |
|---|---|---|
| 思维导图 | generate_mind_map | 结构展示 |
| 鱼骨图 | generate_fishbone_diagram | 因果分析 |
| 流程图 | generate_flow_chart | 流程展示 |
| 桑基图 | generate_sankey_chart | 流向分析 |
工具使用示例
1. generate_line_chart - 折线图
功能：生成折线图，展示数据趋势
参数说明：
| 参数 | 类型 | 必需 | 说明 |
|---|---|---|---|
| data | array | ✅ | 数据数组 |
| title | string | ❌ | 图表标题 |
| xField | string | ✅ | X轴字段名 |
| yField | string | ✅ | Y轴字段名 |
| smooth | boolean | ❌ | 是否平滑曲线 |
数据格式：
{
"data": [
{"month": "1月", "value": 100},
{"month": "2月", "value": 120},
{"month": "3月", "value": 150}
],
"xField": "month",
"yField": "value",
"title": "月度销售趋势",
"smooth": true
}
2. generate_column_chart - 柱状图
功能：生成柱状图，对比不同类别
参数：
data: 数据数组xField: X轴字段yField: Y轴字段groupField: 分组字段（可选）stackField: 堆叠字段（可选）
3. generate_pie_chart - 饼图
功能：生成饼图，展示占比关系
参数：
data: 数据数组angleField: 角度字段（数值）colorField: 颜色字段（分类）innerRadius: 内半径（环形图）
配置方式
基础配置
{
"mcpServers": {
"chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
}
禁用特定工具
{
"mcpServers": {
"chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"],
"env": {
"DISABLED_TOOLS": "generate_fishbone_diagram,generate_mind_map"
}
}
}
}
自定义服务URL
{
"env": {
"VIS_REQUEST_SERVER": "https://your-server.com/api/chart"
}
}
使用场景
1. 数据趋势分析
用户：帮我画一个销售趋势折线图
助手：[调用 generate_line_chart]
2. 类别对比
用户：对比各部门的业绩
助手：[调用 generate_column_chart]
3. 占比分析
用户：展示各产品的市场份额
助手：[调用 generate_pie_chart]
4. 多维分析
用户：分析各城市的多维度指标
助手：[调用 generate_radar_chart]
触发时机
- 需要数据可视化
- 生成报告图表
- 数据分析展示
- 对比分析场景
最佳实践
1. 选择合适的图表类型
趋势 → 折线图、面积图
对比 → 柱状图、条形图
占比 → 饼图、环形图
多维 → 雷达图
相关 → 散点图
2. 数据准备
# 数据格式统一
data = [
{"category": "A", "value": 100},
{"category": "B", "value": 200}
]
3. 样式优化
{
"smooth": true, // 平滑曲线
"groupField": "type", // 分组显示
"color": ["#5B8FF9", "#5AD8A6"] // 自定义颜色
}
注意事项
⚠️ 重要提示：
- 地图可视化需配置高德地图服务
- 默认使用免费在线服务，大量使用建议私有部署
- 复杂图表可能需要更多配置
- 数据格式需符合要求
地图配置（可选）
配置高德地图
{
"env": {
"SERVICE_ID": "your_amap_service_id"
}
}
注意：地图功能仅支持中国地区
官方资源
- GitHub: https://github.com/antvis/mcp-server-chart
- AntV官网: https://antv.vision
- 文档: https://github.com/antvis/mcp-server-chart#readme
- 许可证: MIT License
常见问题
Q: 图表中文乱码？
A: 确保数据使用UTF-8编码
Q: 如何保存图表？
A: 图表会生成图片链接，可直接下载保存
Q: 支持实时更新吗？
A: 不支持，每次调用生成新的静态图表
更新时间: 2026-03-08 版本: 1.0