折线图制作工具
步 1 / 4
添加趋势数据
| 标签 | ||
|---|---|---|
将一系列数值转换为清晰的多数据系列折线图。导入含 2 到 20 个带标签类别和 1 到 4 个命名数据系列的 CSV 或制表符分隔数据,然后选择配色、网格线、数据点和曲线平滑方式。完成的图表可展示数值如何在同一有序类别中变化。图表以及 SVG、PNG 和 CSV 导出文件均在您的浏览器中本地生成。
如何制作折线图
-
1
准备一列共享类别
将类别标签放在第一列,并为之后的每一列赋予清晰的数据系列名称。使用 2 到 20 行和 1 到 4 个数据系列,让每条线都遵循同一类别顺序。
-
2
导入并设计图表
导入 CSV 或 TSV 数据,然后选择配色、网格、数据点和曲线平滑方式,让读者能够跟随数值变化,同时不掩盖原始模式。
-
3
核对表达并导出
确认类别顺序和数据系列标签正确后,将当前图表下载为 SVG 或 PNG。当读者需要精确数值时,也请导出 CSV。
从能由线条解释的序列开始
当类别顺序本身具有意义时,折线图最有用,例如月份、项目阶段、测量时刻的温度或连续的产品版本。它展示每个数据系列如何沿着这项共同顺序变化。它不能说明变化为何发生,不能预测下一个数值,也不能把不相关的类别变成有意义的趋势。
请将第一列留给类别标签,每个数据系列各用一列。列名会成为读者识别各条线时使用的名称。
| 问题 | 折线图适用的情形 | 需要注意 |
|---|---|---|
| 某个指标是否随时间上升或下降? | 类别是天或月等有序时期 | 线条表示相邻时期的连接,并不表示因果关系 |
| 两个指标的变化是否不同? | 两个数据系列使用相同类别和单位 | 请为每个系列使用具体名称,而非只依赖颜色 |
| 变化出现在哪里? | 类别是连续的里程碑或版本 | 当读者需要定位单个观测值时,请显示数据点 |
| 读者是否需要精确数值? | 您提供了配套 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。图表处理和导出文件均在浏览器中本地生成;常规页面加载仍是普通的网站请求。
相关工具
材质设计颜色选择器
浏览Material Design色板,单击即可将任意色号(50至A700)以HEX、RGB或 HSL 格式复制。
ARW 转 JPG 转换器
将索尼 ARW RAW 照片转换为 JPG。无需打开 Lightroom,即可从相机 RAW 文件得到一张便于分享、通用兼容的 JPEG。
ICO到PNG格式转换器
查看 ICO 中的图像,选择一个尺寸,并在浏览器中按原始大小保存为透明 PNG。
在线白板
在浏览器中的私人白板上绘制想法,排列形状、便签和本地图片。支持撤销操作,并导出 PNG、JPEG、SVG 或可编辑的 JSON。
旗帜制作器
在浏览器中使用六种布局、颜色、文字和符号设计简洁的自定义 3:2 旗帜。可下载 SVG 或 PNG,或打开浏览器打印对话框。
报纸制作工具
使用你自己的标题和文章制作报纸风格的头版,然后复制、下载纯文本,或打开浏览器打印对话框。
此工具还提供其他语言版本
- สร้างกราฟเส้น [TH]
- Kreator wykresów liniowych [PL]
- Tạo biểu đồ đường [VI]
- Criador de gráficos de linhas [PT]
- 折れ線グラフ作成ツール [JA]
- منشئ الرسم البياني الخطي [AR]
- Lijngrafiek maken [NL]
- 꺾은선 그래프 만들기 [KO]
- Creador de gráficos de líneas [ES]
- Skapa linjediagram [SV]
- Pembuat grafik garis [ID]
- Créateur de graphiques linéaires [FR]
- Liniendiagramm erstellen [DE]
- Creatore di grafici a linee [IT]
- Line Graph Maker [EN]
- Создатель линейных графиков [RU]
- Çizgi grafik oluşturucu [TR]