数据图表怎么生成图片？无需浏览器即可服务端出图

把数据变成一张能用的图，为什么这么折磨

难点在于"出图"这一步的环境与一致性。报告、监控告警、消息渠道里要插一张图，常见做法要么是手动在表格软件里画完截图，样式难统一；要么用依赖浏览器的渲染方案，在 Fly.io、VPS、Docker 这类无头服务器上跑起来格外麻烦。结果是同一套数据，今天画出来是一种样式，明天换个人又是另一种，图表风格散乱、还难以自动化。

这个技能能生成什么图

它把一组 JSON 数据直接渲染成出版级图片。图型覆盖折线、柱状、面积、点图、K 线、饼图、环图、热力图，以及多序列、堆叠、双轴和迷你图；样式上可以设置坐标轴、颜色、暗色主题、数值格式、注释、参考线，并直接输出社交媒体常用尺寸。关键在于它跑在 Node.js + Vega-Lite + Sharp 上，全程不需要浏览器或 Puppeteer，因此能稳定地在服务端批量出图。

怎么用它

用法是把数据连同想要的图型、主题和标注用自然语言交给它。例如可以这样对它说：

它适合这些场景：监控指标触发后生成带变化标注的告警型趋势图；把表格数据转成报告可用的柱状、折线或双轴收入图；制作叠加成交量或事件注释的 K 线图；以及为 Slack、Discord、LinkedIn 等渠道输出指定尺寸的图表。

大家常问

柱状图和条形图有什么区别？什么时候应该用横的、什么时候用竖的？

两者本质同一类图、都用矩形长度编码数值，区别只是朝向。竖向柱状图适合分类少（≤7）、标签短、强调时间序列；横向条形图适合分类多、标签长、需要按数值排序展示 Top N。判断标准：如果竖向标签必须倾斜 30°以上才能放下，就该换横向。

同一份数据，什么情况下适合用折线图、什么情况下应该用柱状图？

折线图用斜率传达"变化趋势"，要求 X 轴是连续型（时间、温度），数据点之间有逻辑顺序；柱状图用长度传达"项目对比"，要求 X 轴是离散型（部门、产品、地区）。口诀：有顺序看趋势用折线、无顺序看对比用柱状。强行把无序类别画成折线会误导读者建立不存在的连续关系。

饼图（含环图）在什么情况下适合用？为什么类目多了就不该用饼图？

饼图只适合"整体被分成几块、合计 100%"且类目 2–5 个、存在明显大头的情形。类目多了不该用，是因为人眼对角度/弧长的判断精度远低于对长度的判断，10% 以内的扇区差几乎看不出来；类目过 7~8 个时颜色也辨不过来。超过 5 类应换成条形图。环图同理，弧长没解决本质问题。

图表输出为 PNG 和 SVG 两种格式，本质上有什么区别？分别适合什么使用场景？

PNG 是栅格、存的是像素阵列，分辨率固定、放大会糊，适合连续色调图像、固定尺寸最终输出、像素级一致性场景；SVG 是矢量、存的是 XML 绘图指令，任意缩放清晰、文字保留可搜索、单个元素可再编辑，适合响应式多尺寸展示、数据驱动图表、需要交互或文档检索的图形。本技能两种格式均支持输出。