工具箱

在线堆叠面积图生成器

堆叠面积图构成Chart.jsSVG

在线堆叠面积图生成器,多系列堆叠面积展示总量与构成,支持堆叠填充、透明度与图例,Chart.js 堆叠配置与 SVG 导出,本地处理。

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

预览 · stacked-area-chart

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

使用说明

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

同类推荐

常见问题

如何输入数据?

每行输入 标签,数值,如 Jan,100;支持含表头的 CSV,如 label,value 或 Month,Sales,Profit,多系列自动识别;也支持 JSON。

如何生成与导出?

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

支持哪些数据格式?

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

会被上传吗?

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