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

# Graph

> Visualize trends and comparisons with line, area, bar, scatter, and pie charts.

The **Graph** display type renders your data as a chart. Mora supports five graph types, each suited to different kinds of data.

## Graph types

| Type        | Best for                                    | Stackable |
| ----------- | ------------------------------------------- | --------- |
| **Line**    | Time series, trends over time.              | Yes       |
| **Area**    | Time series with volume emphasis.           | Yes       |
| **Bar**     | Categorical comparisons.                    | Yes       |
| **Scatter** | Correlations between two numeric variables. | No        |
| **Pie**     | Proportional breakdowns.                    | No        |

## Configuring a graph

### Axes

* **X axis**: select the column for the horizontal axis (typically a date or category).
* **Y axis**: select one or more numeric columns for the vertical axis. Each column becomes a series on the chart.

For **pie charts**, configure:

* **Angle key**: the numeric column that determines slice size.
* **Sector label key**: the categorical column for slice labels.

### Direction

Cartesian charts (line, area, bar, scatter) can be displayed **vertically** (default) or **horizontally**.

### Stacking

Line, area, and bar charts support **stacking**: series are stacked on top of each other rather than overlapping. This is useful for showing part-to-whole relationships over time.

### Multiple series types

You can override the chart type per Y-axis series. For example, show revenue as bars and growth rate as a line on the same chart.

### Colors

Assign custom colors to individual series to match your brand or improve readability.

## Legend

| Setting      | Options                      |
| ------------ | ---------------------------- |
| **Enabled**  | Show or hide the legend.     |
| **Position** | Top, right, bottom, or left. |

## Tooltips

Tooltips appear on hover and show the data point values. They can be enabled or disabled.

## Value labels

Control whether data values are shown directly on the chart:

| Mode             | Behavior                                                |
| ---------------- | ------------------------------------------------------- |
| **None**         | No labels.                                              |
| **Always**       | Labels always visible.                                  |
| **Hover series** | Labels appear when hovering over a series.              |
| **Hover item**   | Labels appear when hovering over a specific data point. |

## Grid lines and axes

* **X grid lines**: vertical lines aligned to x-axis ticks.
* **Y grid lines**: horizontal lines aligned to y-axis ticks.
* **Axis ticks**: tick marks on the axes.
* **Axis lines**: the baseline lines for x and y axes.
* **Axis labels**: custom titles for the x and y axes.

## Pie chart options

* **Slice limit**: maximum number of slices before remaining values are grouped into an "Other" slice. Defaults to 10.

## Date granularity picker

When enabled, a small picker appears that lets viewers switch between **Day**, **Month**, and **Year** granularity on date-based axes.

## Related

* [Charts overview](/charts/overview)
* [Chart transformations](/charts/chart-transform), shape data for the graph.
* [Statistics](/charts/statistics), for single-value KPIs.