ECharts Stacked Smooth Area
A stacked area chart with smoothed lines and gradient fills — multiple series stack vertically so the upper boundary always shows the running total, while each layer's area shows its individual contribution. ECharts' line series with `stack` + `areaStyle.opacity` + `smooth: true`
Template details
- chart
- stacked
- area
- smooth
- time-series
- echarts
When to use this template
This visualization clearly shows how a total quantity changes over time, while simultaneously revealing the individual contributions of its constituent parts. It helps analysts understand both the overall trend and the shifting proportions within that total, making comparisons of relative impact intuitive and highlighting periods of significant compositional change.
- Data with a continuous, ordered X-axis (e.g., time, age, sequence).
- Multiple distinct categorical series that sum to a meaningful total.
- Values representing additive contributions to an aggregate measure.
- Datasets where both overall trend and part-to-whole composition are key insights.
- Analyzing relative shifts in component proportions over time or a continuous dimension.