Elysia Tools
导航
Data Visualization
· 最后更新：2025-10-30
从数据生成可自定义的面积图，线条下方填充区域，非常适合展示趋势和累积数据
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
工具使用指南
面积图生成器是一款高效的数据可视化工具，能够将您的原始数据快速转化为直观的面积图。通过在折线下方填充颜色，该工具非常适合展示随时间变化的趋势、累积总量以及不同数据集之间的对比关系。
背景
需要向管理层汇报公司过去一年的月度销售表现，并强调总销售额的增长趋势。
问题
原始数据为简单的月度销售额，需要一种既能看清波动又能体现总量规模的图表。
如何使用
输入 1-12 月的销售数据，选择“平滑曲线”类型，并设置适当的填充透明度以突出整体趋势。
{"curveType": "smooth", "fillOpacity": 0.4, "showPoints": false}结果
生成了一张平滑的面积图，清晰展示了销售额的季节性波动及全年的累积增长态势。
背景
需要分析社交媒体、搜索引擎和直接访问三种渠道在过去一周的流量贡献。
问题
普通折线图会导致线条重叠难以辨认，需要展示各渠道流量的总和及各自占比。
如何使用
将多渠道数据整理为 JSON 对象，勾选“堆叠区域”选项，并为不同渠道设置区分度高的颜色。
{"stacked": true, "areaColors": "#3b82f6,#ef4444,#10b981", "showLegend": true}结果
生成了堆叠面积图，直观呈现了各渠道流量的每日变化以及总流量的构成情况。
支持单线数组、多线对象格式的 JSON 数据，同时也支持简单的“标签:数值”文本格式输入。
可以。您可以在“区域颜色”选项中输入十六进制颜色代码（如 #3b82f6），多个颜色请用逗号分隔。
堆叠面积图将多个数据集的数值垂直叠加，能够直观展示各部分对总量的贡献以及总量的变化趋势。
在“曲线类型”选项中，您可以选择“直线”、“平滑曲线”或“阶梯线”来改变线条的连接方式。
可以，您可以通过设置“图表高度”参数来控制图表在页面上的显示高度，范围支持 200 到 800 像素。