📊 图表生成器
纯前端使用 Chart.js 生成多种图表,实时预览并导出 PNG,数据完全本地化
格式:{"labels":[...], "datasets":[{"label":"名称","data":[...]}]}
图表预览区(渲染后显示)
📦 功能说明
基于 Chart.js v4 在浏览器本地绘制常见数据图表,支持多数据集、多种配色与实时预览,可一键导出为 PNG 图片。
柱状图折线图饼图雷达图导出PNG离线本地
💡 使用须知
- 数据需为合法 JSON,包含 labels(标签数组)与 datasets(数据集数组)。
- 每个数据集需包含 label(名称)与 data(数值数组),数组长度尽量与 labels 一致。
- 饼图/环形图/极坐标图以单个数据集的各分项占比展示,颜色按数据点分配。
- 修改类型、标题、配色会自动重新渲染;导出 PNG 背景为白色。
- 所有计算与渲染均在浏览器本地完成,数据不上传。