mcpField
C
Chartone

Chartone

本地服务
github.com/zhugejun数据与分析025 周前更新

关于 Chartone

ChartOne 是供 AI Agent 使用的 MCP 服务,可根据数据渲染主题图表,并同时返回内嵌图片和持久托管 URL。它支持直接渲染,也可依据数据与意图建议图表类型。

主要功能

  1. 01按数据和指定类型渲染图表
  2. 02根据意图建议图表类型和主题
  3. 03返回内嵌图片
  4. 04提供持久托管 URL

适用场景

  1. 01在邮件或 Slack 消息中添加图表
  2. 02在 PDF 中插入渲染后的图表
  3. 03在仪表板中嵌入图表 URL

MCP 相关

MCP 服务提供 `render_chart` 和 `suggest_chart` 工具。可通过 stdio 本地运行,也可调用托管端点。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"zhugejun-chartone": {
"command": "npx",
"args": [
"-y",
"@chartone/mcp"
],
"env": {
"CHARTONE_API_KEY": "<CHARTONE_API_KEY>"
}
}
}
}
启动命令npx -y @chartone/mcp
需要配置的环境变量
CHARTONE_API_KEY密钥Optional API key for higher quota and no watermark. Anonymous mode works without a key — charts return watermarked with a 7-day URL.

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@chartone/mcp0.1.7

工具

2

收录的工具列表 · 更新于 2 周前

参数类型必填说明
typeenum是line | bar | horizontalBar | area | pie | doughnut | gauge | scatter | bubble | radar | funnel | stackedBar | stackedBar100 | stackedArea100 | groupedBar | multiLine | mixed
dataobject是
data.labelsarray否
data.datasetsarray是
themeenum否modern | dark | minimal | vibrant | monochrome | pastel | corporate
widthnumber否
heightnumber否
formatenum否png | jpeg | svg
titlestring否

详细介绍

@chartone/mcp

为 AI Agent 提供品牌化图表渲染。托管 MCP,零配置。

ChartOne MCP 让任何 AI Agent 都能生成主题化图表,并同时以行内图片和持久托管 URL 的形式返回,非常适合用于电子邮件、Slack 消息、PDF 和仪表板。

安装

Claude Desktop

添加到 ~/Library/Application Support/Claude/claude_desktop_config.json(macOS)或 %APPDATA%\Claude\claude_desktop_config.json(Windows):

{
  "mcpServers": {
    "chartone": {
      "command": "npx",
      "args": ["-y", "@chartone/mcp"],
      "env": {
        "CHARTONE_API_KEY": "sk-..."
      }
    }
  }
}

重启 Claude Desktop。匿名模式(无需密钥)返回带水印的图表。

Cursor / Zed / Windsurf

在各自客户端的 MCP 设置文件中使用相同的配置格式。当前路径请参阅 docs.chartone.dev/mcp。

托管端点(测试版)

对于无法运行本地 stdio 服务的云端 Agent:

POST https://api.chartone.dev/mcp
Authorization: Bearer sk-...   (optional, anonymous returns watermark)
Content-Type: application/json

Body: { "method": "tools/list" }  or  { "method": "tools/call", "params": {...} }

工具

  • render_chart — 根据明确指定的类型、数据和主题渲染图表。
  • suggest_chart — 提供数据和意图(“展示季度趋势”),它会选择图表类型和主题并进行渲染。

两者都会返回行内图片和持久托管 URL。

获取 API 密钥

在 chartone.dev 注册。免费套餐包含充足的渲染额度;付费套餐可移除水印并延长 URL 有效期。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。