Column Chart
A column chart is used when you want to compare the values of individual data points with another. They help in bringing out the highs and lows of the data set. The Column chart is a data visualization where each category is represented by a rectangle, with the height of the rectangle being proportional to the values being plotted. Column charts are also known as vertical bar charts.
Best Situations to Use a Column chart
Column charts are suitable for displaying data sets with negative values
Example: To find the best and worst performers in an organization
Variations of this chart Use stacked Column charts: Where multiple categories can be clubbed together on top of each other, which makes addressing multiple questions easier.
Use column side by side: Where comparison between multiple categories becomes easier instead of toggling between charts.
Add color for quick insight: Displaying the columns with colors will make users pay quick attention to important tasks.
Default Chart Image
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FRjHUCH8PVtCVKCM2Zwno%252Fcolumn_design.png%3Falt%3Dmedia%26token%3Dc48b82bc-8c57-46bc-af2a-19d846038cc9&width=768&dpr=4&quality=100&sign=eccee3b8&sv=1)
The Properties of Column Chart
General
The user can change the height, width, top, left, chart type, base type, Bar size and . In this case, the selected Chart Type is Clustered, the selected Base Type is Cylinder.
The user needs to put a checkmark for the Initial Visibility option to avail the preview at the first time.
The user can also change the height, width, top, left, points, chart type, Line form.
Tooltip
The user can show the description of the series by enabling the tooltip.
The user can show the description of the series and get the tooltip by enabling it.
The user can set and modify background color, border color, Tooltip font related properties using these properties fields.
Background
The user can modify the Gradient related properties such as Gradient Rotation, Opacity, Gradient color using these properties fields.
Change the Background color of the chart, get the border for the chart, and change the border color.
Enable the shadow option to get the reflection of the chart. The user can also change the color and increase or decrease the transparency of the shadow.
Title
The user can enable or disable the Title Box and Title by using this properties field.
The user can change Title Name, Font color, Font size, Font style, etc.
By enabling the Show Dataset Description, the title description will be taken from the mapped data fields.
Subtitle
The user can enable the subtitle if it is required.
These properties fields will help to enable or disable the Subtitle, Provide description if it has been enabled and set the font related properties for the same.
The users can also set the display alignment of the Subtitle and select any text decoration option from the given drop-down menu.
X-Axis
The user can change the axis name, Font color, Font size; enable the axis line, and change the axis color of the X Axis.
The user can also rotate (tilt) the title label by using this properties option.
By enabling the Show Dataset Description, the X Axis description will be taken from the mapped data fields.
Y-Axis
The user can change the axis name, Font color, Font size; enable the axis line, and changed the axis color of the Y Axis.
By enabling the Show Dataset Description, the Y Axis description will be taken from the mapped data fields.
Legend
The user can enable or disable internal legend in the chart.
The Font related properties such as Font Color, Font Weight, Font Size, Font Family, Font Style can be set and modified using this properties fields.
The user can also select a Text Decoration option for the Legend.
Put a check mark in the Hide on Load checkbox to hide the Legend while loading the chart.
Formatter
The Number formatter helps to choose whether the user wants it in Indian or International format.
The user can change Y-Axis values in units such as %, T, Lacs, M, etc.
The user can set the ‘Precision’ option to get the value in decimal format.
The Currency option helps to select the currency value in INR, Pound, and USD.
The Position of the currency displays the selected currency symbol in prefix or suffix.
For example, if the Currency symbol is rupees and the prefix option is selected, then it will be displayed on the left side. Likewise, the suffix displays the selected currency symbol on the right side.
Axis Setup
The user can enable or disable the Auto Axis Setup from this properties field.
The user can select Base Zero to begin the chart plotting from base zero.
Set and modify the Min and Max values.
Enable the Horizontal and Vertical marker Line together with Zero Marker Line.
The user can select and change color of lines (Marker line & Zero Marker line), increase and decrease the color Transparency by opacity.
Export Options
The Export Options also helps to provide heading, subheading, file name. The user can also select an option for Global Export Type.
By enabling the the user gets a context menu with various export options to download the report in the Preview mode.
Dataset Series Properties
The user can change the color of each series by selecting any of the series from the Dataset properties. The user can enable the Data Label that can show the Value of each selected data field.
Various Variants of the Column chart
The following variants of the Column chart can be seen by changing the chart properties:
Clustered Charts
Clustered chart with Plain Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FZPFkUQHN1qGYXtw0k6sO%252Fplain_clustered.png%3Falt%3Dmedia%26token%3Dfa98311e-95fc-4697-8e51-83d9f4634511&width=768&dpr=4&quality=100&sign=27a5bc82&sv=1)
Clustered chart with Rectangle Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FGk6atNCKse7MHRVJ4lhw%252Frectangle_clustered.png%3Falt%3Dmedia%26token%3D9bb3da58-7a0d-497e-8e88-3661dc56e758&width=768&dpr=4&quality=100&sign=c7927913&sv=1)
Clustered chart with Cylinder Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FX0aIxriyy7AbDZj8Qy8R%252Fcylinder_clustered.png%3Falt%3Dmedia%26token%3Dee81b738-2c69-41ac-8a4d-b75a13845369&width=768&dpr=4&quality=100&sign=3da2625f&sv=1)
Clustered chart with Gradient1 Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252F4csSGBiIGsu2iGseKDaB%252Fgradient1_clustered.png%3Falt%3Dmedia%26token%3De649009e-634b-4d10-a7e9-996a30d539a3&width=768&dpr=4&quality=100&sign=b9ef2906&sv=1)
Clustered chart with Gradient2 Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FpIrjCyTFwGjNu3XRKu2m%252Fgradient2_clustered.png%3Falt%3Dmedia%26token%3D9b1a5728-6996-4c6f-b2db-22b7d9254554&width=768&dpr=4&quality=100&sign=c3bf3d86&sv=1)
Clustered chart with Gradient3 Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252F1l8CyQ3WJYQ78IVB0BET%252Fgradient3_clustered.png%3Falt%3Dmedia%26token%3D3110b996-5e7b-4ffe-82b6-f175b77aa4c2&width=768&dpr=4&quality=100&sign=b259368c&sv=1)
Stacked Charts
Stacked Chart with Rectangle Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FYXnSPlMt8k9pVAHwyYWf%252Frectangle_stacked.png%3Falt%3Dmedia%26token%3Dd1fe528f-5fa5-44d7-8331-da191d28ffce&width=768&dpr=4&quality=100&sign=e0faf464&sv=1)
Stacked Chart with Cylinder Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FRr2Y1B0NRubfh75kE0mO%252Fcylinder_stacked.png%3Falt%3Dmedia%26token%3D07290fd7-1b2d-4c9d-96d5-3976e7ada148&width=768&dpr=4&quality=100&sign=2b3bbc04&sv=1)
Stacked Chart with Plain Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252Fe7ot5DwJMqFh4hGwpZra%252Fplain_stacked.png%3Falt%3Dmedia%26token%3D36f8d650-7d07-43b5-bafa-ee88d1630c9d&width=768&dpr=4&quality=100&sign=f22b65bb&sv=1)
Stacked Chart with Gradient1 Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FgS6wOR4xNDnscGoe4RRe%252Fgradient1_stacked.png%3Falt%3Dmedia%26token%3Db207c469-f2cc-457d-b6de-7254f7f4bfcc&width=768&dpr=4&quality=100&sign=69127917&sv=1)
Stacked Chart with Gradient2 Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252F6QlbPVIbwzfClajuTshL%252Fgradient2_stacked.png%3Falt%3Dmedia%26token%3De80106c5-cc6e-49f1-afff-5c6216ed79f0&width=768&dpr=4&quality=100&sign=5f6f5692&sv=1)
Stacked Chart with Gradient3 Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252F2Ia2DTNMQMFH3octgD0B%252Fgradient3_stacked.png%3Falt%3Dmedia%26token%3D83e7a3f9-be95-4d78-bc98-1cf77737523c&width=768&dpr=4&quality=100&sign=c15f8399&sv=1)
Overlaid Charts
Overlaid Chart with Rectangle Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FiAQmEHdvbUADDukmfY2U%252Frectangle_overlaid.png%3Falt%3Dmedia%26token%3D4c47ddc9-f467-47fa-9cda-c9c231d9d639&width=768&dpr=4&quality=100&sign=c2f751c9&sv=1)
Overlaid Chart with Cylinder Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252F1ytqK9VgO7BLZzDxwq7a%252Fcylinder_overlaid.png%3Falt%3Dmedia%26token%3D1ad2c9eb-4295-4627-8374-d8765d9e278f&width=768&dpr=4&quality=100&sign=f2f6f36b&sv=1)
Overlaid Chart with Plain Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FuEEmHOCI6RvVRUWDLmYx%252Fplain_overlaid.png%3Falt%3Dmedia%26token%3D13629429-e04a-44b0-a11c-d6e4c699ccf9&width=768&dpr=4&quality=100&sign=7d0ffcf8&sv=1)
Overlaid Chart with Gradient1 Base
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252F6OqsJJGQUB0n5cZK8ZBg%252Fgradient1_overlaid.png%3Falt%3Dmedia%26token%3D1fdfd374-253b-416c-a688-c7a4263ff1ef&width=768&dpr=4&quality=100&sign=43f2dba3&sv=1)
Overlaid Chart with Gradient2 Base
Overlaid Chart with Gradient3 Base
100% Charts
100% Chart with Rectangle Base
100% Chart with Cylinder Base
100% Chart with Plain Base
100% Chart with Gradient1 Base
100% Chart with Gradient2 Base
100% Chart with Gradient3 Base
Sample Data
Download the given sample data and map it as mentioned below to plot your Column chart:
Use the Year column as Category field, and the other columns as Series to plot data.
Please Note: The Category field can be any data type line, string, or numeric. But, Series fields can be only numeric data type.
Last updated