AntV Chart MCP

Name: AntV Chart MCP
Author: AntV

AntV官方国内厂商

开始使用源码仓库官网与文档

Generates 25+ chart types with AntV, such as line, bar, pie and mind maps, for data analysis and visualization.

接入配置

选择客户端，复制配置，再按项目文档补齐环境变量。

一键添加到 Cursor 一键添加到 VS Code

本地运行

claude mcp add antv-chart --env SERVICE_ID='<SERVICE_ID>' --env VIS_REQUEST_SERVER='<VIS_REQUEST_SERVER>' -- npx -y @antv/mcp-server-chart

~/.codex/config.toml

[mcp_servers.antv-chart]
command = "npx"
args = ["-y", "@antv/mcp-server-chart"]
env = { SERVICE_ID = "<SERVICE_ID>", VIS_REQUEST_SERVER = "<VIS_REQUEST_SERVER>" }

# codex mcp add antv-chart --env SERVICE_ID='<SERVICE_ID>' --env VIS_REQUEST_SERVER='<VIS_REQUEST_SERVER>' -- npx -y @antv/mcp-server-chart

~/.cursor/mcp.json

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "SERVICE_ID": "<SERVICE_ID>",
        "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "antv-chart": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "SERVICE_ID": "<SERVICE_ID>",
        "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "SERVICE_ID": "<SERVICE_ID>",
        "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>"
      }
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "SERVICE_ID": "<SERVICE_ID>",
        "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>"
      }
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "SERVICE_ID": "<SERVICE_ID>",
        "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>"
      }
    }
  }
}

远程托管

claude mcp add --transport http antv-chart https://mcp-server-chart.run.tools

~/.codex/config.toml

[mcp_servers.antv-chart]
url = "https://mcp-server-chart.run.tools"

# codex mcp add antv-chart --url https://mcp-server-chart.run.tools

~/.cursor/mcp.json

{
  "mcpServers": {
    "antv-chart": {
      "url": "https://mcp-server-chart.run.tools"
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "antv-chart": {
      "type": "http",
      "url": "https://mcp-server-chart.run.tools"
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "antv-chart": {
      "httpUrl": "https://mcp-server-chart.run.tools"
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp-server-chart.run.tools"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "antv-chart": {
      "url": "https://mcp-server-chart.run.tools"
    }
  }
}

需要的环境变量

SERVICE_ID
VIS_REQUEST_SERVER

把占位值换成你自己的密钥；不要把密钥提交到代码仓库。

接入配置

本地运行

远程托管

需要的环境变量

相关推荐