一、简介
二、安装
1. 软件环境需求
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服务器
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客户端都可以快速接入
