> 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

## Description

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

{% tabs %}
{% tab title="Preview" %}
![](/files/F8DA96w978UVUwtRRTOm)
{% 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](/files/JkWf3bcEcvFt4fSdpBrg)

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>