柱状图制作工具
使用 2 到 20 个命名类别及 1 到 4 个数据系列制作清晰的柱状图。你可以在可编辑表格中输入数值,也可以粘贴带标题行的 CSV 或制表符分隔文本。选择分组或堆叠柱、纵向或横向布局、配色、标签、网格线和来源说明。图表、源数据及导出文件均在你的浏览器中生成。完成后可将图表下载为 SVG 或 PNG,也可把数据保留为 CSV。
如何制作柱状图
-
1
添加带标签的数据
使用表格输入 2 到 20 个类别和 1 到 4 个系列,或粘贴 CSV 或制表符分隔的行。每个类别都需要名称,每个数值都必须是大于或等于零的有限数。
-
2
选择比较方式
用分组柱比较同一类别中的各个系列,用堆叠柱显示类别总量。选择纵向或横向柱,再添加标题、坐标轴标签、来源说明和显示选项。
-
3
检查并导出
除了图表本身,也请阅读配套数据表,检查重复的类别名称,然后将当前图表下载为 SVG 或 PNG。你也可以复制或下载底层 CSV。
针对要回答的问题选择分组柱或堆叠柱
分组柱状图会在每个类别中将各系列并排放置。当类别内部的比较很重要时,它很有用,例如比较北部、南部、东部和西部今年与去年的数据。堆叠柱状图会把每个类别中的系列相加。它适合查看类别总量及其组成部分,但不太便于比较不是从零开始的某个系列。
本工具只接受非负有限数值。它可用于数量、金额、比率或其他以零为有意义基线的度量。本工具不会绘制负值柱、计算百分比、判断哪种图表在统计上合适,也不会从数字中推导结论。请为每个类别和系列指定明确名称;如有帮助,可在数值轴标签中加入单位,例如 订单数、分钟 或 人民币。
| 目标 | 更合适的设置 | 原因 |
|---|---|---|
| 比较每个地区的 2025 年与 2026 年 | 分组柱 | 两个年份在每个地区都共享相同的零基线 |
| 展示地区总量由哪些部分构成 | 堆叠柱 | 每个彩色区段都构成一个类别总量的一部分 |
| 让较长的类别名称更易读 | 横向柱 | 标签在左侧有更多空间 |
| 保留数值供复核 | CSV 导出或数据表 | 读者无需估算柱高即可查看有名称的数值 |
示例:季度订单
粘贴以下 CSV 来比较两个年份。第一行命名类别列和各系列;其余各行命名类别并提供数值。
季度,2025,2026
第一季度,42,55
第二季度,36,48
第三季度,51,46
第四季度,28,39
使用纵向分组柱时,第一季度会显示 2025 年的 42 与 2026 年的 55 并排。只有当你要强调合并后的季度总量时,才应改用堆叠柱。透明背景适合放入文档,白色背景则通常更便于单独阅读。
可读的图表数据与隐私
生成的 SVG 带有标题和简短说明,页面还会在具有行列标题的结构化表格中显示相同的类别和系列数值。该表格适合需要精确数值的读者,也可减少只依赖柱子颜色的情况。请给各系列使用不同名称;当数字本身很重要时,请保持数值可见。
类别名称、数值、样式选择和生成的 SVG 都保留在浏览器中。在多步骤流程中,工作状态会保存在当前浏览器标签页的会话存储中,以便在步骤之间传递;它不会写入 URL,也不会通过 Livewire 发送。SVG、PNG 和 CSV 下载均在本地生成。关闭标签页或清除会话存储可能会移除尚未完成的图表,因此需要保留时请导出副本。
常见问题
你可以使用 2 到 20 行命名类别以及 1 到 4 个命名系列。粘贴的表格需要标题行,先是“类别”,后接 1 到 4 个系列列。每个数值都必须是有限的非负数,且至少有一个数值大于零。
分组柱会将每个类别中的系列并排放置,便于直接进行类别内部比较。堆叠柱会把每个类别中的系列相加,因而可以显示总量及其组成部分。本工具不会替你选择正确的形式。
不可以。这个版本只导入粘贴的 CSV 或制表符分隔文本,不会上传或读取本地文件。它接受从零开始的有限数值,也不会绘制负值。
它将每个类别列为一行、每个命名系列列为一列,并给出用于绘制图表的数值。SVG 还包含图表标题和简短说明。需要核对精确数值而非从柱子估算时,请使用该表格。
不会。类别名称、数值、设置、生成的 SVG 和下载文件都保留在你的浏览器中。在可选的多步骤流程里,工作图表保存在当前浏览器标签页的会话存储中,不会出现在 URL 中,也不会包含在 Livewire 请求中。正常的页面导航仍会发出普通页面请求。
你可以将当前图表下载为 SVG 矢量图或 PNG 图像,并将源数据下载为 CSV。浏览器提供该功能时,你也可以把生成的 CSV 复制到剪贴板。
相关工具
GIF 制作器
将一组图片或短视频转换为动画 GIF。导出前可调整帧率、循环次数和尺寸。
PNG 转 SVG 矢量化工具
在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。
图片尺寸调整器
将图片调整到精确的像素尺寸或百分比,同时保持宽高比。适合批量准备图片,无需上传。
图像放大器
使用 AI 超分辨率或经典插值,将低分辨率图像放大 2×、3× 或 4×,同时保留重要细节。
SVG 转 PNG
在浏览器中将 SVG 文件或 SVG 标记转换为 PNG,选择缩放因子,并保持透明边缘清晰。
BMP 转 PNG
在浏览器中将 BMP 文件转换为 PNG。无损,保留色深,并可从原始 BMP 的 alpha 通道添加可选透明度。