作者 hustcc · hustcc/mcp-echarts
ECharts透過MCP —客服人員選擇正確的圖表(折線圖、長條圖、圓餅圖、散點圖、熱圖、sankey圖、雷達圖…) ，然後傳回PNG/SVG或原始選項物件。
hustcc/mcp-echarts將Apache ECharts包裹在MCP伺服器後面。15種以上的圖表工具涵蓋了標準的ECharts系列— line、bar、area、pie、scatter、radar、heatmap、sankey、funnel、treemap、sunburst等—具有完整的ECharts語法傳遞。本地渲染（零雲） ，導出到PNG/SVG ，或返回原始ECharts “選項”對象，以便您可以將其粘貼到自己的ECharts實例中。選購的MinIO整合功能可將產生的影像上傳至物件儲存裝置以供共用。
%APPDATA%\Claude\claude_desktop_config.json{
"mcpServers": {
"mcp-echarts": {
"command": "npx",
"args": [
"-y",
"mcp-echarts"
]
}
}
}開啟 Claude Desktop → Settings → Developer → Edit Config。儲存後重啟應用。
{
"mcpServers": {
"mcp-echarts": {
"command": "npx",
"args": [
"-y",
"mcp-echarts"
]
}
}
}Cursor 使用與 Claude Desktop 相同的 mcpServers 格式。專案級設定優先於全域。
{
"mcpServers": {
"mcp-echarts": {
"command": "npx",
"args": [
"-y",
"mcp-echarts"
]
}
}
}點擊 Cline 側欄中的 MCP Servers 圖示，然後選 "Edit Configuration"。
{
"mcpServers": {
"mcp-echarts": {
"command": "npx",
"args": [
"-y",
"mcp-echarts"
]
}
}
}格式與 Claude Desktop 相同。重啟 Windsurf 生效。
{
"mcpServers": [
{
"name": "mcp-echarts",
"command": "npx",
"args": [
"-y",
"mcp-echarts"
]
}
]
}Continue 使用伺服器物件陣列，而非映射。
{
"context_servers": {
"mcp-echarts": {
"command": {
"path": "npx",
"args": [
"-y",
"mcp-echarts"
]
}
}
}
}加入 context_servers。Zed 儲存後熱重載。
claude mcp add mcp-echarts -- npx -y mcp-echarts一行命令搞定。用 claude mcp list 驗證，claude mcp remove 移除。
何時使用： 您有一個小數據集，並希望在不打開試算表的情況下獲得視覺效果。
結果： 您可以放入簡報或文件中的圖表，而無需離開聊天室。
何時使用： 您希望Claude草擬圖表配置，因此您只需在應用程式中進行調整。
結果： 生產就緒的ECharts配置，無需手工製作樣板。
何時使用： 您需要一個簡報的流程圖，而sankey是正確的工具。
結果： 在沒有Figma的情況下進行漏鬥審查。
何時使用： 您希望從Slack/Notion參考的圖表具有可重現的URL。
結果： 聊天滾動後不會中斷的圖表穩定連結。
按用例選擇 ECharts 和 AntV
| 工具 | 輸入參數 | 何時呼叫 | 成本 |
|---|---|---|---|
| generate_line_chart | xAxis: array, series: array<number[]>, title?: str | 有序軸（時間、位置）的趨勢 | 0 |
| generate_bar_chart | categories, values, stack?: bool | 比較離散類別 | 0 |
| generate_pie_chart | items: [{name, value}] | 總份額≤ 8份 | 0 |
| generate_scatter_chart | points: [[x,y]] | 相關性或叢集視覺化 | 0 |
| generate_heatmap | matrix: number[][], rows, cols | 密度或混淆矩陣 | 0 |
| generate_sankey | nodes, links | 離散狀態之間的流量/漏鬥 | 0 |
| generate_echarts_option | free-form option object | 當您想要完整的ECharts語法，而不是範本圖表時 | 0 |
PNG 渲染為空白確保系列資料類型匹配（數字，而不是字串）並且 x 軸長度等於系列長度。
Inspect the option JSON; types should be number arraysMinIO上傳失敗：簽章不匹配檢查 MINIO_USE_SSL、MINIO_PORT 以及存取/金鑰是否屬於相同 MinIO 實例。
mc admin info myminio/字體缺失/CJK 字元作為框在執行 MCP 伺服器的環境中安裝支援 CJK 的字體（例如 Noto Sans CJK）。
fc-list | grep -i cjk| 替代方案 | 何時用它替代 | 權衡 |
|---|---|---|
| antv-chart | 你更喜歡 AntV 固執己見的預設設定和中文文檔 | 圖表詞彙量較小 |
| markmap-mcp-server | 你需要的是層次結構，而不是統計圖表 | 不同的輸出等級 |
| mermaid-skill | 您需要流程圖/序列圖，而不是資料圖表 | 圖表≠圖表 |