工具箱

在线直方图生成器

直方图分布Chart.jsSVG

在线直方图生成器,输入区间与频数生成直方图,柱间无缝适合分布展示,支持 Chart.js 直方图配置与 SVG 导出,本地处理。

数据输入(每行 标签,数值)
支持表头,如 label,value 或 Month,Sales,Profit 多系列
图表配置(JSON)
所有操作均在浏览器本地完成,不上传数据。未安装 Chart.js 时使用 SVG 兜底保证预览可用。

预览 · histogram-chart

SVG preview (Chart.js not installed, JSON config available)
📊
在上方输入数据并点击“生成图表”以预览
支持 label,value 多行 / CSV / JSON

使用说明

  • 粘贴或输入任意合法 JSON,支持嵌套、数组、转义
  • 点击“JSON美化”自动缩进换行
  • 点击“JSON压缩”移除空白为单行
  • 所有操作本地完成,保障隐私

同类推荐

常见问题

直方图如何输入?

每行 区间,频数,如 0-10,5;柱间无缝展示分布,可带表头。

如何生成与导出?

点击“生成图表”预览 SVG 与 Chart.js 配置 JSON,可复制配置、复制 SVG 或下载 SVG 文件,Canvas 在安装 chart.js 后自动启用。

支持哪些数据格式?

支持 CSV(逗号/分号/制表符)、带引号字段、JSON 数组或对象,数值自动解析,非法行会提示。

会被上传吗?

不会,所有解析、配置生成与 SVG 渲染均在浏览器本地完成,不上传数据。