> ## Documentation Index
> Fetch the complete documentation index at: https://docs.upsolve.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Area Line Chart

> Displays quantitative data with connected data points and shaded areas beneath the lines to emphasize trends and magnitudes

<Frame>
  <img className="block dark:hidden" src="https://mintcdn.com/upsolve/t8h5CoPsK71szab3/images/content/charts/area-line-chart-light.png?fit=max&auto=format&n=t8h5CoPsK71szab3&q=85&s=cabdd9c8ca164579773b2fc5b6b26c38" width="1352" height="864" data-path="images/content/charts/area-line-chart-light.png" />

  <img className="hidden dark:block" src="https://mintcdn.com/upsolve/t8h5CoPsK71szab3/images/content/charts/area-line-chart-dark.png?fit=max&auto=format&n=t8h5CoPsK71szab3&q=85&s=b72a6189a7f87a4c7cbfcf48c03bbfd8" width="1342" height="850" data-path="images/content/charts/area-line-chart-dark.png" />
</Frame>

## Configuration

<ResponseField name="X-Axis" type="string or numeric" required>
  Category to group the chart by
</ResponseField>

<ResponseField name="Y-Axis" type="numeric" required>
  Column to aggregate the chart on. You could select multiple columns by **Add Series**
</ResponseField>

<ResponseField name="Segment by">
  Divides series into meaningful subgroups. The data in each subgroups can then be aggregated via one of `Distinct count`, `Count`, `Sub`, `Average`, `Min`, `Max`
</ResponseField>