Chart-Maker — 在浏览器中创建图表和图示的 Web 应用程序

在线 / 离线生成器,21 种图表类型,支持导出为 PNG JPEG WEBP AVIF SVG,历史日志,详细指南,应用安装

面向用户 应用
Chart-Maker 应用程序
面向开发者 库
Chart-Maker 库
图表设置
JSON
预览
使用方法 — 详细说明

「图表设置」面板包含所有控件,旁边的实时预览会在每次更改时自动更新。在宽屏上二者并排显示,在手机上则上下堆叠,预览位于设置下方。

流程:1)选择图表类型;2)输入标题和数据集名称;3)在下方表格中填写数据;4)需要时撤销或重做;5)打开「导出」以下载图像或保存项目。

共有 21 种类型,按数据的录入方式分组:

  • 标签 / 值:柱状图、折线图、面积图、条形图、饼图、环形图、雷达图、极坐标图、词云。
  • X / Y 点:散点图(X, Y)、气泡图(X, Y, 大小)。
  • 多个数据集:堆叠、分组、多折线、组合(每个数据集为柱或线)。
  • 类别与值列表:箱线图、小提琴图。
  • 层级:树状图(标签、值、分组)。
  • 网格:热力图(X, Y, 值)。
  • 流量:桑基图(从、到、流量)。
  • 地图:分级统计(从列表中选择国家,值)。

数据表会根据所选类型自动调整。「添加行」新增一条,叉号删除一条。

  • 标签 / 值:一个标签和一个数字。
  • 点:X 和 Y(气泡还有大小)。
  • 多个数据集:类别用逗号分隔,每个数据集的值为用逗号分隔的数字列表;组合中每个数据集设为柱或线。
  • 箱线 / 小提琴:在值字段中填写用逗号分隔的数字列表。
  • 热力图:X、Y(类别)和一个值。
  • 桑基图:从、到以及流量大小。
  • 分级统计:从下拉列表中选择国家(名称使用界面语言),并填写一个值。

「导出」按钮会打开一个窗口。

  • 格式:PNG、JPEG、WEBP、AVIF(真实格式,在浏览器中编码 — 编码器在首次使用时加载)和 SVG(矢量)。
  • 宽度和高度 — 图像尺寸(像素);留空表示当前图表尺寸。
  • 下载图像 — 保存图片;会添加背景以及图表下方的数据列表。
  • 保存项目 — 包含所有设置的 .json 文件;勾选「包含历史和日志」会将其加入文件。

「导入」按钮会打开一个窗口,其中有一个区域,可将 .json 项目文件拖入或点击选择。选择文件后,「应用项目」按钮变为可用,并加载设置(若已保存,也会加载历史和日志)。

  • Ctrl/Cmd + Z — 撤销
  • Ctrl/Cmd + Y 或 Ctrl/Cmd + Shift + Z — 重做
  • Ctrl/Cmd + S — 保存项目
  • Ctrl/Cmd + E — 导出窗口
  • Ctrl/Cmd + O — 导入窗口
  • Ctrl/Cmd + J — 日志
  • Ctrl/Cmd + , — 设置

在输入框内,Ctrl+Z 和 Ctrl+Y 作为普通文本编辑使用。

  • 撤销 / 重做:在数据和设置的更改之间前后移动。
  • 日志:保存操作、提示和错误;可以清空。