折线图制作工具

步 1 / 4

添加趋势数据

比较 2 到 20 个有序标签中的 1 到 4 个数据系列。数据保留在此浏览器中。

标签

将一系列数值转换为清晰的多数据系列折线图。导入含 2 到 20 个带标签类别和 1 到 4 个命名数据系列的 CSV 或制表符分隔数据，然后选择配色、网格线、数据点和曲线平滑方式。完成的图表可展示数值如何在同一有序类别中变化。图表以及 SVG、PNG 和 CSV 导出文件均在您的浏览器中本地生成。

1

准备一列共享类别

将类别标签放在第一列，并为之后的每一列赋予清晰的数据系列名称。使用 2 到 20 行和 1 到 4 个数据系列，让每条线都遵循同一类别顺序。
2

导入并设计图表

导入 CSV 或 TSV 数据，然后选择配色、网格、数据点和曲线平滑方式，让读者能够跟随数值变化，同时不掩盖原始模式。
3

核对表达并导出

确认类别顺序和数据系列标签正确后，将当前图表下载为 SVG 或 PNG。当读者需要精确数值时，也请导出 CSV。

当类别顺序本身具有意义时，折线图最有用，例如月份、项目阶段、测量时刻的温度或连续的产品版本。它展示每个数据系列如何沿着这项共同顺序变化。它不能说明变化为何发生，不能预测下一个数值，也不能把不相关的类别变成有意义的趋势。

请将第一列留给类别标签，每个数据系列各用一列。列名会成为读者识别各条线时使用的名称。

导入以下 CSV，可绘制跨越四个月的两条线。第一行命名类别列和两个数据系列，其后的每一行提供一个类别及其数值。

Month,Website registrations,Newsletter registrations
January,120,84
February,146,91
March,132,118
April,171,126

网站注册量的线从一月到二月上升，三月下降，并在四月达到所显示的最高值。新闻通讯注册量在展示的每个月都上升。如果您的来源使用制表符而非逗号，请导入等效的 TSV 数据，列布局保持不变。

数据点让每个已提供的观测值更容易定位。网格可帮助大致读数，尤其是多条线彼此接近时。曲线平滑会改变观测值之间的视觉路径，因此请谨慎使用：曲线可能使中间数值看起来比源数据所支持的更确定。对于离散类别、不规则观测或要求精确数值的报告，请保持显示数据点，并在图像旁提供 CSV。

请勿将颜色作为区分数据系列的唯一方式。为每个系列提供清晰且可见的名称；当精确数值或趋势重要时，请以表格或 CSV 提供数据。简短的文字结论也可以说明主要模式，例如哪个系列上升、下降或改变方向。

SVG 或 PNG 是视觉导出文件，本身并非完整的无障碍替代方案。发布图表时，请包括原始数据和对重要关系的简短文字总结。这符合 W3C 的指导：图表属于需要文字替代内容的复杂图像，信息也不应只依赖颜色。

此工具会在您的浏览器中本地处理图表数据并创建 SVG、PNG 和 CSV 下载文件。加载页面仍然是常规网站请求；如果您需要在关闭标签页后保留图表，请保存导出文件。

您可以使用 2 到 20 个带标签类别以及 1 到 4 个命名数据系列。所有系列都应使用同一份有序类别列表，以便读者在每个位置比较各条线。

请使用标题行。将类别标签放在第一列，然后在每个后续列中放置一个命名数据系列。之后的每行应含一个类别，随后是这些系列的数值。

当单个观测值需要容易找到时，请使用数据点。曲线平滑可以让整体模式更容易快速查看，但也可能暗示未测量的中间数值。当精确性很重要时，请保留未平滑的线并共享源数据。

不能。折线图可以展示数值在有序类别中的变化，并揭示值得进一步研究的模式，但不能确定原因、预测未来数值或判断数据质量。

请使用清晰的数据系列名称，不要只依赖颜色，并发布原始 CSV 或等效的数据表，同时用简短文字概述主要趋势。这样读者可以获得精确数值，而不用从图像估算。

您可以将当前图表导出为 SVG 或 PNG，并将数据导出为 CSV。图表处理和导出文件均在浏览器中本地生成；常规页面加载仍是普通的网站请求。