探索 MCP Server Chart：AI 赋能的统计图表自动生成工具

一、简介

• MCP Server Chart 是一个基于 @antvis 的视觉化图表生成工具，它实现了一个 MCP 的协议，用于在服务器端快速生成可视化统计图表
• 支持多种图表类型，包括条形图、柱状图、饼图、直方图、面积图、鱼骨图、流程图、折线图、思维导图、网络图、雷达图、散点图、树形图、词云图、双轴图
• 开源地址参考：https://github.com/antvis/mcp-server-chart
  

二、安装

1. 软件环境需求

• node 18+
• npx

2. stdio直接运行MCP服务器配置如下：

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

3. 使用 SSE 或 Streamable 传输运行，运行下面命令：

• 先全局安装该包

  npm install -g @antv/mcp-server-chart

• 选择sse或者streamable传输方式运行服务器，如下：

  # 启动一个支持SSE传输方式的服务器
  mcp-server-chart --transport sse --port 1122
  #访问该SSE服务，地址如下
  http://localhost:1122/sse
  # 启动一个支持Streamable传输方式的服务器
  mcp-server-chart --transport streamable --port 1122
  #访问该SSE服务，地址如下
  http://localhost:1122/mcp

三、使用示例（在Cherry Studio模型对话客户端中使用）

1. 安装Cherry Studio并且配置好MCP Server Chart服务器

• 下载安装Cherry Studio，下载地址：https://www.cherry-ai.com/
• 打开MCP服务器，新增并配置MCP Server Chart服务器，如下图所示
  

2. 在Cherry Studio对话框中使用示例

• 在对话界面选择好对话模型，并且开启要使用的MCP Server Chart工具
  

• 使用例子一，生成饼状图，提示词如下：

  生成饼状图，显示我们公司的男女比例 230:200

  

• 使用例子二，生成柱状图，提示词如下：

  生成柱状图，统计我的旅行计划费用：交通2000，住宿1200，吃喝1000，门票800，其他300

  

• 使用例子三，利用多个mcp工具组合完成生成条形图的实践，提示词如下：
  下面是使用Playwright MCP与MCP Server Chart 组合，关于Playwright MCP工具的使用，可以参考：https://blog.luler.top/d/48

  查看这个导航网站下图片技术大类下的每个小类分别有多少个链接，把获取到的统计数据生成条形图，这个网站是：https://nav.luler.top/

  

四、总结

• 可以使用MCP Server Chart快速制作一些可视化图表，帮助更好我们学习和理解信息和数据
• 部署灵活，支持完全私有化部署，配置使用简单，所有的MCP客户端都可以快速接入

基于这个MCP Server Chart开发了一个AI统计图表生成器：https://cas.luler.top/?search=6849b1927b9ac