# Line Chart

> Part of the NocoDB documentation (Product docs > Dashboard > Widgets). Index of all pages: https://nocodb.com/llms.txt. Any docs page is available as Markdown by adding `.md` to its URL.

URL: https://nocodb.com/docs/product/dashboards/widgets/line-chart
Last updated: 2026-10-03

Configure a line chart widget in a NocoDB dashboard to show trends and comparisons over time or across categories.

<img alt="Line Chart" src={__img0} placeholder="blur" />

Use the **Line Chart** widget in NocoDB dashboards to show trends and comparisons across categories or time. It is good for tracking changes, finding patterns, and comparing many metrics at the same time.

<AskNocoAI>
  <Prompt>
    Add a line chart of [new signups] per [week]
  </Prompt>

  <Prompt>
    Add a line chart of [revenue] by [month] for this year
  </Prompt>

  <Prompt>
    Change the [widget name] chart to group by [day]
  </Prompt>
</AskNocoAI>

## Title & Description

* **Title**: Enter a title for the line chart widget. The title shows at the top of the widget.
* **Description**: Optional. Add a description that gives context or details about the data. The description shows below the title.

<img src="/img/v2/dashboards/widget-line-graph-title.png" alt="Line Chart Title" style={{ width: "50%" }} />

## Data Source

* **Table**: Select the table that supplies the data for the line chart.
* **Records**: Select the records to include:
  * **All Records**: Shows all records from the selected table.
  * **Records from a view**: Uses the records of a specific view. The filters and sorts of the view apply.
  * **Specific Records**: Uses custom filters to select only some records.

<img src="/img/v2/dashboards/widget-line-graph-source.png" alt="Line Chart Data Source" style={{ width: "50%" }} />

## Display

### X-axis

* **Field**: Select the field whose values show along the X-axis (for example, Date, Product, Category).
* **Sort By**: Select how to sort the categories:
  * **xAxis Value**: Sorts by the label values.
  * **yAxis Value**: Sorts by the numeric values in the chart.
* **Order**: Select Default, Ascending, or Descending.
* **Include empty records**: Optional. Includes categories that have no values.
* **Include others**: Puts smaller categories into one “Others” group.

### Y-axis

* **Fields**: Select one or more fields to show on the Y-axis. Each field shows as one line in the chart.
* **Record Count**: Shows the number of records for each category.
* **Field Summary**: Shows the **Sum, Average, Min, or Max** of a numeric field.
* **Start at zero**: Makes the Y-axis always start at zero, for consistency.

<img src="/img/v2/dashboards/widget-line-graph-axis.png" alt="Line Chart Axis Config" style={{ width: "50%" }} />

## Appearance

Change how the chart shows, to make it clear and easy to read:

* **Size**: Set the chart size (Small, Medium).
* **Legend Orientation**: Select the position of the legend (Top, Bottom, Left, Right).
* **Show count in legend**: Shows the record counts in the legend.
* **Plot data points**: Highlights the data points on the line.
* **Smooth lines**: Shows smooth curves, not jagged lines.

<img src="/img/v2/dashboards/widget-line-graph-style.png" alt="Line Chart Appearance" style={{ width: "50%" }} />

---

## Related pages

- [Number](https://nocodb.com/docs/product/dashboards/widgets/number.md): Configure a number widget to show key metrics in a NocoDB dashboard.
- [Text](https://nocodb.com/docs/product/dashboards/widgets/text.md): Configure a text widget to add static text to a NocoDB dashboard.
- [Bar Chart](https://nocodb.com/docs/product/dashboards/widgets/bar-chart.md): Configure a bar chart widget in a NocoDB dashboard to compare values across categories.
- [Pie Chart](https://nocodb.com/docs/product/dashboards/widgets/pie-chart.md): Configure a pie chart widget in a NocoDB dashboard to show how data is distributed.
- [Donut Chart](https://nocodb.com/docs/product/dashboards/widgets/donut-chart.md): Configure a donut chart widget in a NocoDB dashboard to show how data is distributed.
- [iFrame](https://nocodb.com/docs/product/dashboards/widgets/iframe.md): Use the iFrame widget to embed external web content securely in a NocoDB dashboard.