> ## 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.

# Grouped Bar Chart

> Displays single or multiple categories of data within each group side-by-side for easy comparison across different groups

<Frame>
  <img className="block dark:hidden" src="https://mintcdn.com/upsolve/t8h5CoPsK71szab3/images/content/charts/grouped-bar-chart-light.png?fit=max&auto=format&n=t8h5CoPsK71szab3&q=85&s=3d2290f8a2d05aae7b9b0cb17d12fe1b" width="1336" height="756" data-path="images/content/charts/grouped-bar-chart-light.png" />

  <img className="hidden dark:block" src="https://mintcdn.com/upsolve/t8h5CoPsK71szab3/images/content/charts/grouped-bar-chart-dark.png?fit=max&auto=format&n=t8h5CoPsK71szab3&q=85&s=78259d68e60ade70e0499690441b6164" width="1342" height="754" data-path="images/content/charts/grouped-bar-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>

<ResponseField name="Direction">
  The direction of bars could be set as `vertical` or `horizontal`
</ResponseField>

<Frame>
  <img className="block dark:hidden" src="https://mintcdn.com/upsolve/t8h5CoPsK71szab3/images/content/charts/grouped-horizontal-bar-chart-light.png?fit=max&auto=format&n=t8h5CoPsK71szab3&q=85&s=f2b4b51459348b702003cd1489dbe585" width="1346" height="758" data-path="images/content/charts/grouped-horizontal-bar-chart-light.png" />

  <img className="hidden dark:block" src="https://mintcdn.com/upsolve/t8h5CoPsK71szab3/images/content/charts/grouped-horizontal-bar-chart-dark.png?fit=max&auto=format&n=t8h5CoPsK71szab3&q=85&s=724a056f52678f0404b01ce679bc3df9" width="1338" height="752" data-path="images/content/charts/grouped-horizontal-bar-chart-dark.png" />
</Frame>