> For the complete documentation index, see [llms.txt](https://interopxyz.gitbook.io/ui-plus/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interopxyz.gitbook.io/ui-plus/components/chart/data-series.md).

# Data Series

Compile a list of data, similar to a column in a spreadsheet as a single item

## Description

Compile a list of data, similar to a column in a spreadsheet as a single item

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FuonyOZM5ySS0X8BYPwLO%2FUi-DataSeries.png?alt=media\&token=7756237f-55ae-47ce-97fe-9ec40ec70953)
{% endtab %}

{% tab title="Location" %}
**Name** | Ui Data Series

**Nickname** | Data Series

**Tab** | Ui

**Panel** | Chart

**Division** | 1
{% endtab %}

{% tab title="Inputs" %}
**L** | **Label** (*Text*) | The collection label. (Try to make this value unique)

**D** | **Data** (*Generic Data*) | The list of data associated with each element

**T** | **Type** (*Integer*) | The datatype of the data
{% endtab %}

{% tab title="Ouputs" %}
**Ds** | **Data Series** (*Ui+ Data Series*) | A compiled Ui Data Series object
{% endtab %}

{% tab title="Mode" %}
*none*
{% endtab %}
{% endtabs %}

## Usage

The **Data Type** can be set for each **Data Series**. 

![Data Types](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2F3kZx8SOEEizw0XEewBvy%2Fimage.png?alt=media\&token=dab5bdcb-534a-41f2-b006-0b9a280e519b)

Most charts require a specific data type

<table><thead><tr><th width="166.5">Chart Type</th><th>Data Types</th></tr></thead><tbody><tr><td>Grid Chart</td><td>Text, Integer, Number, Point, Domain</td></tr><tr><td>Table Chart</td><td>Text, Integer, Number, Point, Domain</td></tr><tr><td>Area Chart</td><td>Integer, Number</td></tr><tr><td>Bar Chart</td><td>Integer, Number</td></tr><tr><td>Donut Chart</td><td>Integer, Number</td></tr><tr><td>Gantt Chart</td><td>Domain</td></tr><tr><td>Heat Chart</td><td>Integer, Number</td></tr><tr><td>Line Chart</td><td>Integer, Number</td></tr><tr><td>Scatter Chart</td><td>Point</td></tr><tr><td>Step Line Chart</td><td>Integer, Number</td></tr></tbody></table>