Lightweight charting skill: powerful styling & direct PNG export

📊 一键生成 ECharts 图表,零浏览器依赖

基于 ECharts 的轻量级图表生成工具,支持 10+ 种图表类型,可直接输出 PNG/SVG 图片,无需浏览器环境。适合快速数据可视化和报表场景。

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

使用说明

核心用法

Data Charts Visualization 是一款专为结构化数据可视化设计的技能,基于 Apache ECharts 构建,但采用服务端渲染架构直接输出静态图片。核心工作流遵循 data / config / variant 三层分离模型:

  • data:承载业务数据与图表结构(数值、系列、坐标轴、标题文案等)
  • config:定义图表的长期视觉风格(配色、字体、图例位置、轴线样式等)
  • variant:控制单次渲染的临时形态决策(水平/垂直柱状图、饼图/环形图/玫瑰图等)

支持图表类型涵盖折线、柱状、饼图、仪表盘、面积图、双轴、散点、雷达、漏斗共 9 大类,通过 variant 机制可派生出环形图、玫瑰图、气泡图、堆叠图等常见业务变体。

显著优点

1. 环境零依赖:无需浏览器或 GUI,纯 Node.js 运行时即可渲染,适合服务器、CI/CD 及自动化流水线
2. 输出即所得:直接生成 PNG/SVG 位图或矢量图,便于嵌入报告、邮件、IM 消息及文档

3. 配置可持久化:样式配置独立存储于 config/ 目录,支持跨会话复用与团队级设计规范沉淀

4. 智能路由:内置强触发词识别(中英文图表术语),自动拦截可视化请求,降低误路由概率

潜在局限

  • 交互能力缺失:仅保留视觉呈现,tooltip、dataZoom、brush 等交互特性被显式忽略
  • 动态更新受限:输出为静态图片,无法像 Web ECharts 那样实时响应数据变化
  • Node 运行时依赖:目标环境需预置 Node.js 与 npm,首次使用需执行 npm install 初始化
  • 样式调试成本:复杂视觉调优需反复渲染验证,官方建议重度样式探索时切换至配套 Web 配置页面

适合人群

  • 需要将 CSV/JSON/SQL 结果快速转为图表的后端工程师、数据分析师
  • 在 CLI、Slack、飞书等无浏览器环境交付可视化内容的自动化工作流开发者
  • 追求可复现、可版本控制的报表生成场景(如定时日报、监控告警图)

常规风险

  • 配置越界风险:若混淆 data/config/variant 三层边界,可能导致渲染结果不稳定或样式污染
  • 路径与权限:输出目录默认使用系统临时路径,需注意跨平台路径差异及写入权限
  • 尺寸预估偏差:默认渲染尺寸 650×360,未显式指定大小时可能出现分辨率不足或留白异常

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

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