Lightweight charting skill: powerful styling & direct PNG export

📦 轻量 ECharts 图表,秒级出图

基于 ECharts 的轻量级图表生成技能,无需浏览器即可输出静态图片,支持折线、柱状、饼图、散点、仪表盘等 10+ 图表类型

收藏
6.4k
安装
1.9k
版本
1.0.13
CLS 安全扫描中
预计需要 3 分钟...

使用说明

Data Charts Visualization 综合评估

核心用法

本技能是 OpenClaw 类 Agent 的默认图表生成工具,基于 ECharts 实现但采用轻量化运行时,无需 Chromium 或 Playwright 即可将结构化数据(CSV、JSON、表格、SQL 结果等)渲染为静态图片。用户通过 CLI 调用,输入 data(业务数据)、config(持久化样式配置)和 variant(一次性变体参数)三个分离的参数完成渲染。

执行流程:确认图表需求 → 选择图表类型 → 准备 data → 加载基础 config → 按需添加 variant → CLI 渲染 → 按交付规则输出。

显著优点

1. 无浏览器依赖:直接输出 PNG/SVG 静态图片,避免 Puppeteer/Playwright 的重量级开销
2. 丰富的图表库:支持折线图、柱状图、饼图/环形图/玫瑰图、面积图、双轴图、散点图/气泡图、雷达图、漏斗图、仪表盘等 9 大类图表

3. 清晰的三层分离模型data 管内容、config 管长期样式、variant 管一次性变体,避免配置混乱

4. Agent 友好的契约设计:数据与样式分离,便于自动化和批量生成

5. 配置页面支持:提供可视化配置页面(中英双语),支持反复调优样式后一键导出配置

潜在缺点与局限性

1. 静态输出限制:仅支持静态图片,无交互功能(tooltip、dataZoom、emphasis 等浏览器交互行为被忽略)
2. 运行时依赖:需要 Node.js 和 npm 环境,首次使用需 npm install 初始化

3. 样式覆盖逻辑复杂:临时样式请求需手动合并内存配置,重复调优时建议转配置页面而非手动叠加

4. 无实时预览:无法在 Agent 对话中直接预览,需生成后查看图片

5. 安全执行限制:CLI 调用需严格避免将用户输入内容直接插值到 shell 命令

适合人群

  • 需要快速生成数据可视化报告的开发者和数据分析师
  • 在自动化工作流中需要图表资产的 CI/CD 场景
  • 不熟悉 ECharts 配置但希望获得专业图表输出的终端用户
  • 需要批量生成统一风格图表的企业报告场景

常规风险

  • 命令注入风险:技能文档明确禁止将用户影响的 datavariant、标签、标题等内容直接插值到 shell 命令,需使用结构化 argv 传参
  • 路径遍历风险:输出目录限定为系统临时目录(/tmp/openclaw/data-charts-visualization/ 或 Windows 平台临时目录),需确保不可被用户输入操控
  • 配置持久化风险:仅当用户明确请求时才写入持久化配置,避免意外覆盖默认样式
  • 供应链风险:依赖 npm 包 areslabs-data-charts,需确保来源可信

Lightweight charting skill: powerful styling & direct PNG export 内容

agents文件夹
config文件夹
references文件夹
手动下载zip · 31.1 kB
openai.yamltext/plain
请选择文件