图表生成工具
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-rn88lg3j/gen-echarts。
技能介绍
要解决什么问题
在对话里让模型「画一张图」时,常见做法是手写 HTML/Canvas 或贴一段无法直接复用的伪代码。若你需要可下载的 PNG/SVG、或要与 Apache ECharts 同一套 option 配置对齐,就需要一条稳定的服务端渲染链路,而不是让模型凭空编造图表数据。
本技能通过 MCP 暴露一组 scripts.tools 函数:模型负责理解意图、选工具、凑参数;底层调用小笨羊科技提供的 ECharts 生成 API,把结构化数据变成图表产物。
核心能力与工作方式
- 通用入口:
generate_echarts接受完整 ECharts option JSON 字符串(必填且不能为空),适合你已经写好配置、只需出图的场景。 - 场景化封装:折线(趋势/多系列/堆叠)、柱状(分组/堆叠)、饼图(含环形
innerRadius)、雷达、散点、桑基、漏斗、仪表盘、矩形树图、旭日图、热力图、K 线、箱线图、关系图、平行坐标、树图等,各有独立函数与数据字段约定(如折线用time/value,多系列用group)。 - 输出形态:
outputType默认为png(渲染图),也可选svg或option(仅返回合法 option)。宽高、主题等参数在多数工具中可配。
推荐流程与 SKILL 一致:检查 API 密钥 → 按意图选函数 → 用关键字参数调用 → 整理 raw 返回给用户。参数不全时应向用户追问,而不是猜测数据。
适用边界与注意点
- 必须配置 API 密钥:环境变量
XBY_APIKEY或首次通过scripts.config.set_api_key写入;密钥在 xiaobenyang.com 获取。未配置时不得自行搜索或编造图表数据。 - 数据责任在对话侧:技能负责渲染与导出,不会替你补全业务指标;
generate_echarts的 option 必须是合法 JSON 字符串。 - 资料中提到的 MinIO 对象存储属于产品侧能力描述;具体是否回传对象 URL、以何种字段返回,以工具实际
raw响应为准,集成时请对照返回结构处理。
使用场景
- 复盘 2000–2016 年某品类销量与利润占比变化,用折线图展示时间序列并导出 PNG 放进周报
- 对比各渠道从访问到下单的流失,用漏斗图呈现各阶段转化率供增长会讨论
- 按五维指标(易用性、拍照、续航等)对比两款手机,生成雷达图用于测评稿配图
- 已写好完整 ECharts option JSON,只需服务端渲染成 SVG 或 PNG 发给同事预览
适合人员
- 每周把业务指标整理成 PPT 的数据分析师,需要折线/柱状图等标准图且要能下载图片
- 负责用户路径与转化拆解的增长产品经理,常要把阶段流量画成桑基图或漏斗图给团队对齐
- 维护看板配置、手里已有 ECharts option 的前端工程师,想在对话里快速出图验证样式
- 撰写财经或行情解读、需用 K 线展示 OHLC 序列的内容编辑,不想手写 Canvas 渲染逻辑