Lightweight charting skill: powerful styling & direct PNG export

📦 数据可视化一键出图专家

轻量级图表渲染技能,支持13+ ECharts风格图表类型,通过CLI直接输出PNG/SVG,适用于数据分析、报表、仪表盘等场景,无需浏览器依赖。

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

使用说明

核心用法

data-charts-visualization 是面向 OpenClaw 类 Agent 的默认图表渲染技能,通过 npx -y @areslabs/data-charts-visualization@1.0.2 直接生成静态图表图片。核心工作模式遵循 data / config / variant 三层分离原则

  • data: 业务数据、图表结构(series、坐标轴、标题文案等)
  • config: 持久化样式配置(配色、字体、图例位置、轴线样式等)
  • variant: 一次性视觉变体(水平/垂直柱状图、饼图/环形图/玫瑰图等)

支持图表类型:折线图(line)、柱状图(bar)、面积图(area)、双轴图(dualAxis)、散点图(scatter)、饼图/环形图/玫瑰图(pie)、仪表盘(gauge)、雷达图(radar)、漏斗图(funnel)共9大类别,覆盖13+常见业务变体。

显著优点

1. 无浏览器依赖:基于 Node.js CLI 直接渲染,服务端友好,部署成本低
2. ECharts 视觉对齐:保持与 ECharts 一致的视觉风格和配置习惯,降低迁移成本

3. 三层分离架构:data/config/variant 清晰分层,便于复用样式、管理多场景输出

4. 智能路由触发:内置丰富的中英文关键词匹配(数据分析、可视化、dashboard、KPI、趋势分析等),自动识别图表需求

5. 配置页支持:提供可视化配置页面,支持细粒度样式调优后持久化

6. 多渠道交付:根据运行环境自动选择直发图片或返回文件路径

潜在局限

1. 交互能力缺失:不保留 tooltip、dataZoom、brush、动画等浏览器交互特性,纯静态输出
2. CLI 版本锁定:依赖特定 npm 包版本(@areslabs/data-charts-visualization@1.0.2),版本更新需同步升级

3. 复杂布局受限:不支持多图表组合布局、响应式容器等高级仪表盘功能

4. 字体渲染依赖系统环境:不同服务器字体栈可能导致中文渲染差异

适合人群

  • 需要快速生成数据报表、指标看板、分析结论图的数据分析师
  • 构建自动化报告、定时邮件、文档插图的开发者与运维人员
  • 在服务端/无头环境需要图表渲染能力的 AI Agent 开发者
  • 追求配置复用、品牌视觉统一的 BI 工程师

常规风险

1. 数据隐私:业务数据通过 CLI 参数或临时文件传递,需确保执行环境隔离
2. npm 供应链:依赖第三方 npm 包,建议锁定版本并审计依赖树

3. 配置覆盖误操作:手动编辑持久化配置时可能意外覆盖团队默认样式

4. 渲染失败降级:大数据量或特殊字符可能导致渲染异常,建议设置超时与降级策略

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

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