# Line & Bar Chart

Once you get to the visualization tab with the function code results, you can see the line & bar is activated by default. 

Each **series** corresponds to a function. For example, if you set 5 functions, then you will see 5 series of lines constitute a chart. The `X-axis` of the chart is **time** and the `Y-axis` is **value**(or any other column of which the values are the numbers).

{% hint style="warning" %}
Line & bar type assumes that every function result is a time-series with **time** and **value** columns only. If your function result has columns other than time and value, we advise you to use **table** type instead. 
{% endhint %}

***

## Series options

Series options are the configures applied to each function.

### Line or Bar

![](/files/D67Tl1B8MRTwkVGA3MLH)

You can choose to display each function as a chart, and you can choose the chart type (**line** or **bar**).

### Z-index

![](/files/715GY0R96GDRevhcJR2q)

You can choose the order of the chart displayed. The larger the z-index, the more forward the chart is displayed.

### Y-index

![](/files/30A9XRcnahe4o62MJwf1)

You can choose which Y-axis the function belongs to. The functions with the same Y-index will share the same Y-axis. This option is available only when [multiple Y-axis](#multiple-y-axis) option is activated. It can be chosen from 1 to 3.

***

## Common options

Common options are the options that affects the chart and every series.

### Line Stack

![](/files/5F5GQV7bgiu3lEwyOnSx)

Line stack is a chart setting that stacks multiple lines on top of each other. When line stack is turned on, all lines are stacked.

### Bar Stack

![](/files/0TnvXCKHFiQ8eiM7QIcJ)

Bar stack is a chart setting that allows you to stack multiple bars on top of each other. When bar stack is turned on, all bars are stacked.

### Multiple Y-axis

![](/files/wsDOYLFtdamZJYNcXpD0)

Multiple Y-axis is a chart setting that allows you to plot multiple Y-axes on the same chart. This is useful for comparing the values of different variables on the same scale.

### Hide Y-axis

![](/files/LesEbOeJWtGCfZAcROi4)

Hide Y-axis is a chart setting that allows you to hide one or more Y-axes on a chart. This is useful for when you only want to focus on a specific variable, or when you want to simplify the chart.

### Line Width

![](/files/xf9DdYH5URkNlJMYZASa)

You can adjust the width of the line chart.

### Bar Width

![](/files/tEzDTZV3s1UJa7xiblel)

You can adjust the width of the bar chart.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.unblinked.com/analytics/create-chart/function/3.-how-to-visualize-data/line-and-bar-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.