Isqqw Echarts Img

Created By
HappyJess2 months ago
根据传入的结构化参数,在服务端直接构建标准 ECharts option 配置,并实时渲染为图片返回。无需手写 ECharts 代码,只需传入数据和图表类型参数,即可获得高质量图表图片。 支持 31 种图表类型: 基础图表(9种) 折线图、柱状图、饼图/环形图、雷达图、散点图、涟漪散点图、漏斗图、仪表盘、象形柱状图 统计与分布(4种) 箱线图、热力图、矩形树图、K线图(蜡烛图) 关系与层级(6种) 树图、关系图(网络图)、桑基图、旭日图、弦图、平行坐标图 地理与时序(3种) 地图(中国/世界/省级/城市级)、路径图(飞线图)、主题河流图 @echarts-x 扩展图表(9种) 水球图、词云图、小提琴图、等高线图、阶段图、分段环形图、区间柱状图(甘特图风格)、折线区间图
Overview

isqqw ECharts 图表生成(图片版)

基本信息

字段内容
服务名称isqqw-echarts-img
显示名称isqqw ECharts 图表生成(图片)
服务类型Hosted(远程托管)
传输协议Streamable HTTP
分类开发者工具 / 数据可视化
开发者isqqw
服务地址https://mcp.isqqw.com/generate-echarts-img/mcp
鉴权方式Bearer Token(API Key)

服务简介

根据传入的结构化参数,在服务端直接构建标准 ECharts option 配置,并实时渲染为图片返回。无需手写 ECharts 代码,只需传入数据和图表类型参数,即可获得高质量图表图片。

支持 31 种图表类型

基础图表(9种) 折线图、柱状图、饼图/环形图、雷达图、散点图、涟漪散点图、漏斗图、仪表盘、象形柱状图

统计与分布(4种) 箱线图、热力图、矩形树图、K线图(蜡烛图)

关系与层级(6种) 树图、关系图(网络图)、桑基图、旭日图、弦图、平行坐标图

地理与时序(3种) 地图(中国/世界/省级/城市级)、路径图(飞线图)、主题河流图

@echarts-x 扩展图表(9种) 水球图、词云图、小提琴图、等高线图、阶段图、分段环形图、区间柱状图(甘特图风格)、折线区间图


使用场景

  • 在 Claude / Cursor 中对话生成数据可视化图表
  • 写报告、写文档时快速插入图表图片
  • 数据分析时将数字转化为直观的可视化结果
  • 商业 PPT 制作,生成市场份额、趋势对比等图表
  • 金融数据展示,生成 K 线图、成交量图
  • 地理数据可视化,生成省份/城市热力地图

接入配置

Claude Desktop / Cursor / OpenClaw(Streamable HTTP)

{
  "mcpServers": {
    "isqqw-echarts-img": {
      "url": "https://mcp.isqqw.com/generate-echarts-img/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

https://mcp.isqqw.com 注册账号并创建 API Key,替换 YOUR_API_KEY


工具列表(31个)

通用工具

工具名说明
tool_generate_echarts直接传入完整 ECharts option JSON 字符串生成图表图片,推荐用于复杂图表或需要精细控制样式的场景

基础图表(9个)

工具名说明
tool_generate_line_chart折线图,支持多系列、平滑曲线、面积填充、堆叠
tool_generate_bar_chart柱状图,支持多系列、分组、堆叠
tool_generate_pie_chart饼图 / 环形图,innerRadius > 0 时为环形图
tool_generate_radar_chart雷达图,展示多维度数据对比
tool_generate_scatter_chart散点图,展示两变量关系
tool_generate_effect_scatter_chart涟漪散点图,带动画效果,适合突出关键数据点
tool_generate_funnel_chart漏斗图,展示流程各阶段转化率
tool_generate_gauge_chart仪表盘,展示单指标当前状态
tool_generate_pictorial_bar_chart象形柱状图,用图形符号替代普通柱子

统计与分布(4个)

工具名说明
tool_generate_boxplot_chart箱线图,展示数据统计分布(最小值/Q1/中位数/Q3/最大值)
tool_generate_heatmap_chart热力图,展示二维数据密度分布
tool_generate_treemap_chart矩形树图,展示层级数据占比
tool_generate_candlestick_chartK线图(蜡烛图),金融数据可视化,支持 OHLC 格式

关系与层级(6个)

工具名说明
tool_generate_tree_chart树图,展示层级结构关系,支持正交/放射布局
tool_generate_graph_chart关系图(网络图),展示实体间关联,支持力导向/环形布局
tool_generate_sankey_chart桑基图,展示流量流向和数量关系
tool_generate_sunburst_chart旭日图,展示多层级占比关系
tool_generate_chord_chart弦图,展示实体间双向关系强度
tool_generate_parallel_chart平行坐标图,展示多维数据分布

地理与时序(3个)

工具名说明
tool_generate_map_chart地图,支持世界地图、中国地图、省级、城市级,数据映射为热力色
tool_generate_lines_chart路径图(飞线图),展示地理路径和迁徙关系,支持动画效果
tool_generate_theme_river_chart主题河流图,展示多主题随时间的变化趋势

@echarts-x 扩展图表(9个)

工具名说明
tool_generate_liquid_fill水球图(液体填充图),展示百分比进度,支持多层水波
tool_generate_word_cloud词云图,展示词频分布,词越大频率越高
tool_generate_violin小提琴图,展示数据分布形状,比箱线图更直观
tool_generate_contour等高线图,展示三维数据的二维投影
tool_generate_stage阶段图,展示流程阶段进度
tool_generate_segmented_doughnut分段环形图,展示多指标完成度
tool_generate_bar_range区间柱状图(甘特图风格),展示任务时间范围
tool_generate_line_range折线区间图,展示数值范围波动(上下界)

使用示例

用户:帮我生成一个近6个月销售数据的折线图,数据为 820, 932, 901, 934, 1290, 1330

AI 调用 tool_generate_line_chart:
- xAxis: ["1月", "2月", "3月", "4月", "5月", "6月"]
- series: [{"name": "销售额", "data": [820, 932, 901, 934, 1290, 1330]}]
- smooth: true
- theme: "macarons"

返回:渲染好的折线图图片(800×600 PNG)
用户:帮我生成一个中国各省 GDP 分布热力地图

AI 调用 tool_generate_map_chart:
- data: [{"name": "广东", "value": 135673}, {"name": "江苏", "value": 122875}, ...]
- mapName: "china"
- title: "中国各省GDP分布(亿元)"

返回:渲染好的中国地图图片

Server Config

{
  "mcpServers": {
    "isqqw-echarts-img": {
      "type": "streamable-http",
      "url": "https://mcp.isqqw.com/generate-echarts-img/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_API_KEY>"
      }
    }
  }
}
Project Info
Created At
2 months ago
Updated At
2 months ago
Author Name
HappyJess
Star
-
Language
-
License
-
Category

Recommend Servers

View All
Voyei

2 hours ago
Bring your real authenticated browser session to AI coding agents. Local-first MCP server + Chrome MV3 extension. No cloud. No telemetry.
@Cubenest

peek records the user's actual logged-in browser (DOM via rrweb, console events, network metadata, optional response bodies via opt-in Deep capture) through a Chrome MV3 extension. The extension ships events through a native-messaging stdio bridge to a local MCP server (peek-mcp), which persists them to a SQLite database at ~/.peek/sessions.db. AI coding agents (Claude Code, Cursor, Cline, Windsurf) read sessions from the database via 10 MCP tools: Tool What it does list_recent_sessions List recently recorded sessions (id, origin, ts, event count). get_session_summary LLM-readable narrative summary of a session. get_session_console_errors Console errors recorded in a session. get_session_network_errors Failed/notable network requests in a session. get_user_action_before_error Last N user actions before a console error. generate_playwright_repro Generate a runnable Playwright test from a session. get_dom_snapshot Reconstruct the DOM at a given timestamp. query_dom_history Timeline of attribute/text changes for a selector. request_authorization Side-panel consent for write actions (Level 3). execute_action Dispatch a UI action (gated by permission level + destructive blocklist). Why local-first matters Every other "browser session for AI" tool ships to a vendor cloud. peek's SQLite + extension live on the user's machine — no remote endpoints, no telemetry. The privacy policy (docs/peek/PRIVACY_POLICY.md) is the source of truth. Install # 1. Add the MCP server to Claude Code claude mcp add peek -- npx -y @peekdev/mcp # 2. Install the Chrome extension from the Chrome Web Store # (link added once the CWS listing is approved)

a day ago