Cursor+MCP一键生成图表太爽了！5分钟学会，终身受用

小林AI说
647 阅读3分钟

大家好，这是小林 第 50 篇原创

上篇给大家分享了Cursor + MCP 数据库的实操，错过的可以回头查看：Cursor+MCP数据库操作实战指南

数据的价值在于洞察，而图表的力量在于表达

今天分享MCP实战案例二：Cursor + MCP 一键生成数据图表。

让复杂的数据一目了然，让决策变得简单高效

图片

这款MCP服务叫：AntV 可视化图表

AntV 是蚂蚁集团开源的企业级数据可视化解决方案，MCP Server Chart 是基于 AntV 的可视化图表生成的 MCP 插件。

开源地址：github.com/antvis/mcp-…

提供了25 种图表生成方法

图片

覆盖有统计图表、关系图。

  • 统计图表：折线图、柱形图、饼图、面积图、条形图、直方图、散点图、词云图、矩阵树图、双轴图、雷达图。
  • 关系图：思维导图、网络图、流程图、鱼骨图。
  • 未来会扩展常见的地图生成。

mcp-server-chart 的安装配置

第一步：打开 Cursor 工具栏

点击添加New MCP Server

图片

第二步：添加MCP.json 配置

Mac 系统

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

Windows 系统

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

配置过程还是比较简单的

第三步：检查是否生效

这才是最重要的一步，配置完成后，返回工具栏。

图片

如果看到绿色小点和各种generate开头的工具名称，就代表配置成功，可以使用了。

小技巧：也可以直接问cursor，帮你检查，mcp-server-chart是否可用， 如果不可用，cursor会给出解决方法。

图片

这就是为什么我喜欢用cursor而不用其他客户端的原因。

图表的绘制案例

前面已经介绍过支持的图表，这是图表绘制的流程，在实际的场景中，再结合一个数据库的mcp就可以将本地的数据绘制为图表。

图片

基于上篇介绍的SQLite中的数据，介绍几个生成图表的例子，这是本地数据库的商品销量信息表。

图片

1. 生成饼图

查询商品销量信息表，并且以饼图的形式绘制各产品销量占比

会先调用sqlite-mcp的查询数据，再调用chart-mcp将饼图绘制出来。

图片

绘制成功后，会返回一个链接，点击链接就能查看到图表，速度非常快，整个过程不到5秒。

图片

2. 漏斗图表

图片

以类似的方法生成漏斗图表

3. 双轴折线图表

图片

4. 雷达图表

图片

5. 鱼骨图表

图片

6. 词云词图表

图片

数据可视化是日常办公最常见的场景，相比传统的excel制图方式，

Cursor + MCP 的优势显而易见：

  1. 效率更高
    • 一键生成图表，无需繁琐操作，秒级完成可视化。
  3. 智能化更强
    • 借助大模型，自动分析、推荐合适的图表类型
  5. 美观专业
    • 自动优化配色和布局，直接生成高品质、专业感十足的图表
  7. 可扩展性强
    • 支持多种数据格式和复杂场景的可视化需求

MCP有很多，在应用场景中，需要结合实际情况去选择，这里也给大家分享几个比较好用的MCP网站。

这段时间的学习也整理了大量的资料和案例教程。

图片

关注小编，回复：mcp，加入MCP交流学习群，免费赠送学习资料

只为交到道志同道合的AI学习者，更多MCP实操教程，请关注小编。

结语：

MCP：打破数据孤岛，聚合万千信息源，

为大模型插上智慧的翅膀，

看得更远，听得更清，决策更准！

end

感谢你能耐心看到这里，如果这篇文章对你有用，也认同我的观点，不妨点个赞👍 + 转发 让我知道。

/ 作者：小林AI说 (微信搜索)

avatar
文章
阅读
粉丝