面积图生成器介绍
在折线图的基础上给线下方填充半透明色块，形成面积图，视觉上更强调数量的累积感与整体轮廓；多系列叠加时层次分明，既能看趋势又能感受体量。
展示 App 月活跃用户随时间的增长势头、网站各时段并发请求量、能耗随季节的波动，面积图的填充感比纯折线更有「体量在涨」的视觉冲击，适合放在汇报首页或大屏。
基于 Apache ECharts 渲染，面积填充使用各系列主题色的半透明叠加，悬停查看具体数值；数据与绘制本地完成。首行表头、首列类目，数据格式与折线图完全一致。
使用步骤
- 1粘贴数据：首行表头、首列类目（多为时间），逐行录入数值。
- 2查看趋势：面积图实时刷新，半透明填充自动叠加。
- 3调整焦点：点击图例控制系列显隐，观察单系列走势。
- 4导出使用：导出高清 PNG 用于汇报或大屏展示。
适用场景
- 增长汇报把 12 个月注册用户数生成面积图，放季度汇报封面强调增长势头。
- 负载观察运维录入各小时并发数，面积图凸显高峰时段的整体压力。
- 能耗分析物业按月录入用电量，观察夏季空调用电的隆起区域。
- 收入展示自媒体把各月广告收入绘成面积图，凸显持续变现趋势。
实用小贴士
- 面积图最适合单调递增或波动平稳的总量型数据。
- 数据存在负值时面积会越过分隔线，建议先做数据清洗。
- 导出前可隐藏次要系列，让画面更聚焦。
常见问题
面积图和折线图怎么选？
强调精确走势与数值对比用折线；强调总量体感与增长氛围用面积。两者数据格式相同，可以各生成一张对比。
多系列叠加会互相遮挡吗？
半透明填充叠加后下层依然可见；系列过多（超过 5 个）时建议改用堆叠面积思路或精简系列。
可以叠加两条面积吗？
可以，多系列自动以不同色块叠加，悬停可分别查看数值。