支持逗号、空格、Tab分隔；也可以直接把 Excel 里两列复制进来粘贴。
输入数据，右侧出图。
选错图表类型，数据再准也传达到位不了。
| 图表 | 适合表达 | 数据条数建议 | 别用来做 |
|---|---|---|---|
| 柱状图 | 各类别数值大小对比 | 3~12 条 | 连续时间序列趋势 |
| 折线图 | 随时间变化的趋势 | 6~30 个点 | 类别间无顺序的对比 |
| 饼图 | 各部分占整体的比例 | 不超过 6 块 | 比较接近的数值大小 |
| 环形图 | 占比 + 中间放总数 | 不超过 6 块 | 精确比较角度差异 |
| 横向条形图 | 名称很长的排名 | 3~15 条 | 时间序列 |
同样的图，改这几处观感差别很大。
| 细节 | 常见做法 | 更好做法 |
|---|---|---|
| 纵轴起点 | 自动从最小值开始 | 柱状图从 0 开始，否则比例失真 |
| 饼图块数 | 十几块全塞进去 | 只留前 5 名 + 「其他」 |
| 数值标签 | 每根柱子都标 | 标签太密时关掉，保留轴刻度 |
| 颜色 | 每种颜色都不一样 | 单系列统一色，分类才用多色 |
| 标题 | 只写「销售额」 | 写清时间 + 指标 + 单位 |
⚠️ 本工具用于快速出图与排版参考，图表数值的准确性由输入数据决定，请自行核对。
用于对外报告、论文、商业决策的图表，建议再用专业图表库（ECharts / Chart.js）或表格软件复核一次。
绘制在你自己的浏览器本地用 canvas 完成，数据不会上传到任何服务器。
做周报、写方案、填汇报材料时想插一张图，通常要打开 Excel 画完再截图，或者装一个图表库写十几行配置——但你要的其实只是一张干净、能直接贴进文档的图。
这个工具就解决这一件事：把「标签 + 数值」两列数据粘进来，立刻出图，导出 PNG 直接贴。
支持 柱状图、折线图、饼图、环形图、横向条形图 五种类型，可调标题、配色、画布尺寸与数值标签。
它是怎么画出来的？
① 解析数据：按行切分，再按逗号 / 空格 / Tab 识别分隔符，取最后一个字段当数值、前面的当标签，所以从 Excel 直接粘两列进来也能识别；
② 统一坐标映射：把数值区间线性映射到画布像素高度，柱状图纵轴强制从 0 开始，避免「纵轴不从 0 起导致比例失真」这种最常见的误导画法；
③ 自适应留白：柱宽、间距、字号都按画布尺寸等比计算，换 800 / 1000 / 1200 三种尺寸比例保持一致，不会出现字号忽大忽小；
④ 饼图弧线：按占比算出每个扇区的起止弧度，用 arc() 画扇形，环形图则在圆心再挖一个圆；超过 6 块时会提示你合并成「其他」；
⑤ 导出：canvas 渲染完成后直接 toBlob('image/png')，得到的是矢量级清晰的位图，文字可选中（PNG 位图不可选中，但清晰度足够印刷）。
怎么选图表：
· 比大小 → 柱状图；看趋势 → 折线图；看占比 → 饼图 / 环形图；
· 名称很长或要排名 → 横向条形图；
· 饼图别超过 6 块，多了请把小的合并成「其他」；
· 柱状图的纵轴一定从 0 开始，否则视觉上会夸大差距。
整个流程都在你自己的浏览器里跑，数据不会上传到任何服务器。
渲染流程：
① 解析：按行读取，识别分隔符（逗号 / 空格 / Tab），非数字行自动跳过；
② 归一化：算出最大值、最小值、合计、均值，作为坐标映射与统计指标的依据；
③ 绘制：按类型分派到 bar / line / pie / doughnut / hbar 五个绘制函数，所有尺寸按画布宽高的百分比换算；
④ 自适应：标签过长时自动截断，柱子过密时自动缩小字号，饼图块数过多时给出合并提示；
⑤ 导出：toBlob('image/png') 下载，或通过 ClipboardItem 复制图片直接粘贴到文档。
它不做：不做多系列堆叠、不做实时数据连接、不做 SVG 矢量导出、不做动画。需要复杂交互图表请用 ECharts 等专业库。
审核通过后就会展示在留言板上，稍安勿躁～
还没有留言，来抢沙发吧！