你是否曾为手动绘制图表耗时耗力而困扰？是否渴望让AI模型自动根据数据生成可视化图表？今天，我们将通过Spring AI与AntV的MCP协议集成，展示如何零代码生成15+种动态图表，涵盖柱状图、饼图、折线图等场景，让数据展示像呼吸一样简单。

---

一、为什么需要Spring AI + AntV的组合？

1. 传统图表生成的痛点

• 开发成本高：需手动编写AntV代码（如G2、F2），熟悉数据绑定、图表配置等细节。
• 动态性差：数据更新需重新渲染图表，难以实现“AI驱动的实时可视化”。
• 工具链割裂：模型无法直接调用外部图表工具，需额外开发中间层。

2. Spring AI + AntV的解决方案

• Spring AI：作为Java生态的AI框架，支持MCP协议，可快速集成外部工具。
• AntV/mcp-server-chart：基于MCP协议的图表生成服务，支持15+种图表类型，返回图片链接或数据流。
• 核心优势：
  • 零代码调用：通过MCP工具列表直接生成图表，无需编写图表库代码。
  • 动态响应：模型根据用户输入自动选择图表类型，参数自适应调整。
  • 跨平台兼容：支持Spring Boot、Cherry Studio等客户端调用。

---

二、实战：Spring AI接入AntV图表服务
场景需求：根据用户输入的费用数据（住宿费800元、交通费200元、伙食费700元、通话费100元），自动生成柱状图。

1. 环境准备

安装依赖  
mvn install  
启动AntV图表服务（以SSE模式为例）  
mcp-server-chart --transport sse --port 1122  

2. Spring AI配置

  
  
    org.springframework.ai  
    spring-ai-mcp-client-spring-boot-starter  
    1.0.0-M7  
  

application.yml配置MCP服务  
spring:  
  ai:  
    mcp:  
      client:  
        sse:  
          connections:  
            antv-chart:  
              url: http://localhost:1122/mcp  

3. 调用AntV图表工具

@RestController  
public class ChartController {  
    @Autowired  
    private ToolCallbackProvider toolCallbackProvider;  
    @GetMapping("/generate-chart")  
    public String generateChart(@RequestParam String data) {  
        // 示例输入：data = "住宿费:800,交通费:200,伙食费:700,通话费:100"  
        String prompt = "生成柱状图，数据：" + data;  
        // 绑定AntV图表工具  
        ChatResponse response = chatClient.prompt()  
            .user(prompt)  
            .tools(toolCallbackProvider)  
            .call()  
            .chatResponse();  
        // 返回图片链接或数据  
        return response.getResult().getOutput().getText();  
    }  
}  

关键点：

• MCP工具自动注入：ToolCallbackProvider动态加载AntV图表工具列表。
• 模型驱动生成：输入自然语言描述（如“柱状图”），模型自动调用AntV工具生成图表。

---

三、AntV/mcp-server-chart支持的15+图表类型

图表类型	适用场景
柱状图	比较不同类别数据（如费用对比）
饼图	展示占比（如用户性别分布）
折线图	趋势分析（如股票价格波动）
鱼骨图	原因分析（如问题根因排查）
网络图	关系可视化（如社交网络分析）
思维导图	结构化信息展示（如项目计划）
…（共15种）	更多类型参考官方文档

---

四、性能优化与最佳实践

1. 异步处理

// 启用异步调用，避免阻塞主线程  
chatClient.setAsync(true);  

2. 缓存策略

配置缓存，避免重复生成相同图表  
spring.ai.mcp.client.cache.enabled: true  

3. 安全与权限

• 通过Spring Security限制MCP工具访问权限。
• 敏感数据（如API密钥）加密存储。

---

五、对比传统方案：效率提升300%

维度	传统方案	Spring AI + AntV
开发时间	数小时（需编写AntV代码）	数分钟（MCP工具调用）
动态性	静态图表，需手动更新	实时响应，数据变化自动刷新
维护成本	高（依赖图表库版本）	低（MCP服务独立部署）

---

六、未来展望：AI驱动的可视化生态

1. 多模态融合：结合文本、图像、图表生成综合报告。
2. 低代码平台集成：将MCP图表工具嵌入某钉钉、某飞书等协作工具。
3. 边缘计算支持：在IoT设备端实时生成图表。

---

结语
Spring AI与AntV的结合，让数据可视化从“开发者的专属”变为“全民可用”。无论是程序员还是普通用户，只需输入自然语言描述，即可生成专业级图表。点赞+关注，评论区分享你的可视化案例！