用途:把结构化数据生成静态数据可视化图表并导出为 PNG。渲染流程为用 Apache ECharts v6 生成 HTML,在无头 Chromium(Playwright)中截图,默认 1080×1080 像素、以 deviceScaleFactor 2 输出 2 倍视网膜图。ECharts 通过 CDN 引入:https://cdn.jsdelivr.net/npm/echarts@6.0.0/dist/echarts.min.js
主要能力:支持 bar、line、area、pie、doughnut、scatter、radar、treemap 图表类型;可选标题、副标题、风格(clean-slate、midnight-editorial、matt-gray、electric-burst、brutalist)、尺寸、坐标轴标签、数据来源与高亮数据点。数据可接受 JSON 数组或 CSV。
必要用法与关键规则:area 需写成 type: 'line' 加 areaStyle: {};doughnut 需写成 type: 'pie' 加 radius: ['40%', '70%'];xAxis.type: 'category' 必须显式声明;类目标签放在 xAxis.data;容器用 div 而非 canvas;option 中设 animation: false;必须在 chart.setOption() 之前注册 chart.on('finished') 与 chart.on('rendered') 事件(ECharts 已知问题 #14101/#17500);高亮用数据项内 itemStyle;静态 PNG 不显示 tooltip。
导出方式:保存 HTML 后运行 bash [skill-root]/scripts/export-chart.sh chart/[slug]/chart.html chart/[slug]/chart.png --width [W] --height [H],首次运行会安装 Playwright(约 200MB Chromium 下载)。
适用场景:需要把数据快速产出为可分享的静态图表图片。限制:输出为静态 PNG,无交互;缺少 chart_type 或 data 时需先补充;具体收费、平台支持范围等资料暂未提供。