# 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. *** ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FmLjWIvbie3zXjuWgBHqu%2Fimage.png?alt=media\&token=3f470e65-d984-47ef-b9d9-695526360250) Once you get to the visualization tab with the python code results, you can see the line & bar is activated by default. *** ## X-axis ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FG7KNvCemSaVcFGjAuEhW%2Fimage.png?alt=media\&token=92b4dab8-7faf-4fad-8f44-8a2e6b08f5f9) ### 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 ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FpXx8RhnKVvf1e21OoRKe%2Fimage.png?alt=media\&token=f30dac10-21ed-474d-b348-3115ae11c386) 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 ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FZiPDw23Hfthhfnx8Ndzj%2Fimage.png?alt=media\&token=1be6fc43-b17c-44e6-8800-7ef134817cac) 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 ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FpGvqpTBHoXYVSbJcAB0B%2Fimage.png?alt=media\&token=9d3626b4-8313-48b3-83db-eea1f6595ddb) After adding series, you can set the color of series ### Value ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FtTjWeEy1xnvXPCHbedpV%2Fimage.png?alt=media\&token=44092f7e-b024-4366-9bc4-65119b538f5f) You can select Y-axis value of each series. ### Z-index ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FrEKZdKlIRltpHkQY3vcJ%2Fimage.png?alt=media\&token=b04ef232-cfc5-4114-9158-a163492568ca) **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 ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FRhl56cgi29hPAL2eaEI3%2Fimage.png?alt=media\&token=ebce3890-b7d0-49ab-a203-bbbf442498cb) 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 ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FWWzSkXr9ESNVOQSqs0H5%2Fimage.png?alt=media\&token=0f32c47b-dc7b-4c09-b795-ddd93ebe0a2c) In Python mode, you can choose whether to stack series with same value. ### Multiple Y-axis ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FOwUZEPWcvLFvIZ0IsW8A%2Fimage.png?alt=media\&token=753c8dd9-7208-4f40-a649-768668431864) 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 ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FyOMcZvAUPsSCep9IPUs7%2Fimage.png?alt=media\&token=f1d4d996-0c86-4fec-888b-f57e286a09d1) 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 ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FwW0mfT56ZGf4vbL1wg7E%2Fimage.png?alt=media\&token=2cc280f8-e21b-426d-9d62-70b5ba580a0b) You can adjust the width of the line chart. ### Bar Width ![](https://209745228-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRB9zlm2euYUzs82cWD4l%2Fuploads%2FwQcjxGZvls4bxuKwwUmg%2Fimage.png?alt=media\&token=17e545f3-c7b6-48de-882d-f1ffc3a22df3) You can adjust the width of the bar chart. ***