大家好，我是子昕，一个干了10年的后端开发，现在在AI编程这条路上边冲边摸索，每天都被新技术追着跑。
兄弟们，今天又让我在GitHub上淘到宝贝了！
你们平时让AI帮忙的时候，是不是也遇到过这种破事：想要个图表，AI要么给你画个超简单的ASCII字符图，要么就说“我无法直接生成图表，但可以帮你准备数据”。
有时候好不容易让它画出来了，结果样式简陋得我都不好意思拿出手。
更离谱的是，想要稍微复杂点的图表，比如桑基图、甘特图啥的，基本上就是“我做不了”。给我整得每次都得自己开Excel或者找在线工具，贼麻烦。
不过嘛，今天发现蚂蚁的AntV团队（就是做G2、G6那些可视化库的大佬们）搞了个mcp-server-chart。我滴个乖乖，这直接解决了我的痛点！
简单粗暴地说，就是给AI装了个“画图神技”，现在支持20多种图表了。
从基础的柱状图、折线图、饼图，到高端的桑基图、雷达图、箱线图，甚至思维导图、组织架构图、词云图都有。
属于是覆盖面相当全面了，基本上我能想到的图表类型都包了。
最让我意外的是，连地图相关的图表都有！行政区划图、POI标记图啥的，这也太贴心了吧？
我赶紧试了试，真的，效果好得我都想哭了...
安装？小case！
准备工作
说实话，要求也不高：
- node 18+
- npx
stdio模式（推荐）
在Cursor等支持MCP的IDE里，加个配置就搞定：
{
"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"
]
}
}
}
看到绿色就是成功了，简单得很！
SSE或Streamable模式（进阶玩法）
想要更多控制权？那就这么搞：
第一步：全局安装
npm install -g @antv/mcp-server-chart
第二步：启动服务
# SSE模式
mcp-server-chart --transport sse --port 1122
#访问地址
http://localhost:1122/sse
# Streamable模式
mcp-server-chart --transport streamable --port 1122
#访问地址
http://localhost:1122/mcp
讲真，第一种方式就够用了，除非你有特殊需求。
实战测试，真香现场！
好了，理论说够了，咱们直接上手试试。
我准备了几个从简单到复杂的测试，看看这家伙到底有多能打。
测试一：基础销售数据
我先来个简单的，测试下基本功能：
帮我生成一个柱状图，显示2025年各季度的销售数据：
Q1: 120万, Q2: 150万, Q3: 180万, Q4: 200万
点开MCP工具调用详情，嚯！直接给我返回了图表链接：
打开链接一看，这效果还不错：
样式干净利落，数据清晰明了，这就是我想要的效果！
测试二：多指标趋势（稍微复杂点）
既然基础功能OK，那我试试复杂点的：
生成一个折线图，显示某电商平台6个月的核心指标：
1月：用户数50万，订单数8万，GMV 1200万
2月：用户数55万，订单数9万，GMV 1350万
3月：用户数62万，订单数11万，GMV 1650万
4月：用户数58万，订单数10万，GMV 1500万
5月：用户数68万，订单数13万，GMV 1950万
6月：用户数75万，订单数15万，GMV 2250万
这多维度数据处理得也太好了：
三条线清晰明了，颜色搭配也很舒服，属于是专业级别的了。
测试三：饼图分析（经典必备）
接下来试试饼图，这个最常用：
帮我画个饼图，显示2024年智能手机市场份额：
苹果：23%, 三星：21%, 小米：13%, OPPO：11%, vivo：10%, 华为：8%, 其他：14%
颜色区分度很好，比例标注也很清楚，看着就舒服。
测试四：桑基图（高难度挑战）
这个我觉得应该会难倒它，毕竟桑基图还是挺复杂的：
生成一个桑基图，显示用户从注册到购买的流失情况：
注册用户 10000 → 激活用户 7000，流失用户 3000
激活用户 7000 → 首次购买 2800，未购买 4200
首次购买 2800 → 复购用户 1400，单次购买 1400
没想到，它居然搞定了：
流向清晰，数据准确，这个我真的服了！
测试五：词云图（创意测试）
再来个有意思的：
根据这些技术关键词生成词云图：
JavaScript(100), Python(90), React(80), Vue(70), Node.js(65), TypeScript(60),
Docker(55), Kubernetes(50), AWS(45), Redis(40), MongoDB(35), GraphQL(30)
字体大小完美反映了技术热度，这个词云做得相当不错！
测试六：地图可视化（终极测试）
最后来个地图测试，看看它能不能hold住：
生成一个中国地图，显示各省份的销售额分布：
北京：2000万, 上海：1800万, 广东：2500万, 浙江：1200万, 江苏：1500万
地图渲染完美，颜色深浅清晰表示销售额高低，这个真的厉害了！
测试七：甘特图（项目必备）
最后一个，项目管理常用的甘特图：
帮我生成一个项目进度图，显示产品开发的各个阶段：
需求分析：2024-01-01 到 2024-01-15
UI设计：2024-01-10 到 2024-01-25
前端开发：2024-01-20 到 2024-02-20
后端开发：2024-01-25 到 2024-02-25
测试：2024-02-20 到 2024-03-05
上线：2024-03-01 到 2024-03-10
时间轴清晰，依赖关系一目了然，这种图表对项目管理太有用了！
写在最后
说实话，测试完这一圈下来，我是真的被震撼到了。
以前做个图表，要么Excel里画半天，要么写代码调半天。现在好了，直接和AI说一句话，专业级的图表就出来了。
而且样式还都挺好看的，不像以前那些默认样式丑得要死。
最关键的是，这个工具覆盖面是真的广。从最基础的柱状图到复杂的桑基图，从词云到地图，基本上你能想到的可视化需求它都能满足。
对了，还有一点特别好，就是生成的都是图片链接，可以直接分享给别人，不用担心环境问题。
以前每次做数据可视化都要纠结半天用什么库、怎么调样式，现在直接一句话搞定。
而且AntV团队的技术实力摆在那，图表质量是真的有保证。如果你也经常需要做数据可视化，强烈建议试试这个工具。
反正我是已经把它加到我的工具箱里了，以后做图表就靠它了！
你们试过之后记得来告诉我感受如何，咱们一起交流交流~
