柱状图生成器 - 粘贴数据即出图，附均值与占比表

柱状图用来比较不同类目的数值大小，适合月度销量、各渠道绝对量、不同方案评分对比。这个工具不需要注册或安装软件：把「类目,数值」按行粘进去就出图，并同时给出合计、均值、最大最小项与占比表 —— 写周报、复盘或课件里的一张示意图足够了。

两个使用边界：数据量建议控制在几十行内（最多 50 行），类目太多柱子会挤在一起，这时更适合换成明细表；图是画在浏览器画布上的，可右键另存为图片贴进 PPT 或文档，全程不联网，数据也不会上传。

这个工具解决你的问题了吗？

使用步骤

每行填一条「类目,数值」，逗号用半角、全角或 Tab 分隔都可以。
只填数字时类目自动编号为 1、2、3……；点「计算」出图。
看下方统计卡与占比表核对数值，柱顶标注可直接对照。
确认无误后右键另存图片，或截取图表区域放进报告。

计算原理与示例

数据怎么填

每行一条数据，格式「类目,数值」，逗号用半角、全角或 Tab 都行；只填数字时类目自动按 1、2、3…编号，最多 50 行。

图怎么读

柱高按数值占 y 轴上限的比例绘制，y 轴上限自动取「1/2/5×10ⁿ」的整数刻度；每根柱顶标注数值，底部是类目名。

支持负值吗

下方统计卡给出合计、均值、最大/最小值（含类目名），明细表列出每项数值与占总和的百分比。

代码示例

JavaScript 用 ECharts 画同样的柱状图

// ECharts 是国内项目常用图表库，文档与示例齐全
const chart = echarts.init(document.getElementById('chart'));

chart.setOption({
  tooltip: { trigger: 'axis' },
  xAxis: { type: 'category', data: ['一月', '二月', '三月'] },
  yAxis: { type: 'value' },
  series: [{
    type: 'bar',
    data: [120, 200, 150],
    label: { show: true, position: 'top' }, // 柱顶标数值
  }],
});

Shell 先用命令行核对数据

# 按第二列数值倒序列出前 10 行
sort -t, -k2 -nr data.csv | head -10

# 求和与行数（核对合计是否与图表一致）
awk -F, 'NR>1{s+=$2} END{printf "合计 %d，共 %d 行\n", s, NR-1}' data.csv

# 提示：需要正式图表时用图表工具或 BI，命令行只适合快速核对

常见问题

数据会上传到服务器吗？

不会。解析与绘制全部在浏览器本地完成，断网也能用，适合含业务数据的场景。

柱状图支持负值吗？

不支持。占比与「高于均值」等统计口径对负数无意义，含负值会提示改用折线图。

y 轴刻度是怎么定的？

取大于等于最大值的「1/2/5×10ⁿ」档位（如最大 87 → 上限 100，最大 5 → 上限 5），保证刻度是整数且不贴顶。

怎么把图放进 PPT / 文档？

直接对画布截图，或用系统截图工具框选图表区域；画布按 640×360 分辨率绘制，放大不糊。

最多能画多少根柱子？

50 根。超过会提示「数据行最多 50 行」；柱子太多时建议先分组汇总再画。

占比是怎么算的？

每项数值除以所有数值之和再乘 100，保留两位小数；合计为 0 时占比显示 0%。

和折线图、饼图怎么选？

比大小用柱状图（类目间对比），看趋势用折线图（时间序列），看构成用饼图（占比分布）。

延伸阅读

图表怎么做？柱状、折线、饼图怎么选

来自本站原创文章，讲清这个工具背后的算法与口径。