📊 图表生成器

纯前端使用 Chart.js 生成多种图表,实时预览并导出 PNG,数据完全本地化

格式:{"labels":[...], "datasets":[{"label":"名称","data":[...]}]}
选择图表类型,输入数据后点击渲染图表
图表预览区(渲染后显示)

📦 功能说明

基于 Chart.js v4 在浏览器本地绘制常见数据图表,支持多数据集、多种配色与实时预览,可一键导出为 PNG 图片。

柱状图折线图饼图雷达图导出PNG离线本地

💡 使用须知

  • 数据需为合法 JSON,包含 labels(标签数组)与 datasets(数据集数组)。
  • 每个数据集需包含 label(名称)与 data(数值数组),数组长度尽量与 labels 一致。
  • 饼图/环形图/极坐标图以单个数据集的各分项占比展示,颜色按数据点分配。
  • 修改类型、标题、配色会自动重新渲染;导出 PNG 背景为白色。
  • 所有计算与渲染均在浏览器本地完成,数据不上传

✨ 绘萤者

以萤火之光,绘万千想象

绘萤者——探索真正的互联网精神,创造更有意义的互联网。