> For the complete documentation index, see [llms.txt](https://docs.unblinked.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.unblinked.com/analytics/create-chart/python/3.-how-to-visualize-data/line-and-bar-chart.md).

# Line & Bar Chart

For your chart looks pretty and informative, setting appropriate visualization option is mandatory. In Python mode, we support various options optimized to the **time-series results** from the function codes to help visualizing the charts.

Currently there are two types available for charts in python mode; **line & bar**, **table** You can activate/deactivate each type by using the toggles at the side bar. 

***

![](/files/MaF47MyNO9o8Xd3z7CTG)

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

***

## X-axis

![](/files/XEFF2Mk1dF89kSOJWxzG)

### Value

You can select which column to apply as the X-axis

### Type

You can select the type of X-axis. The options are:

* Time: The X-axis will be a timeline, with each point representing a specific point in time.
* Category: The X-axis will be a list of categories, with each point representing a member of a category.
* Value: The X-axis will be a list of values, with each point representing a specific value.

***

## Series Setting

### Add Series

![](/files/t99GrYu2wsOuA4665Fa7)

Series options are the options that can be set for each series one by one. By adding the series, you can select which column(value) to be visualized.

### Line / Bar select

![](/files/W4z7fdhZHpvCYUj2TqBH)

Line / Bar select button is used to change the **chart type** of the series. If you select `Line`, then the series becomes a line chart. Or if you select `Button`, then the series is shown as a bar chart. Default is `Line`.

### Color

![](/files/KrSDbCmOF41Prez5n3Rk)

After adding series, you can set the color of series

### Value

![](/files/yys68NEDN4F4Cu6YBPbX)

You can select Y-axis value of each series.

### Z-index

![](/files/715GY0R96GDRevhcJR2q)

**Z-index** is used to determine which series is shown over/under another one. The series with the larger z-index will be overlapped over the others with the smaller z-index.

### Y-index

![](/files/30A9XRcnahe4o62MJwf1)

You can choose which Y-axis the series belongs to. The series 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.

### Stack

![](/files/dVJPCyPl7ZH9QgCUYJBK)

In Python mode, you can choose whether to stack series with same value.

### 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.

***

<figure><img src="/files/ZBKfpCPBPcJsQZw2cMhF" alt=""><figcaption></figcaption></figure>