Column Chart

A column chart is a statistical chart that uses vertical bars to compare numerical values across different categories. The most basic column chart requires one categorical variable and one numerical variable. In a column chart, each entity of the categorical variable is represented as a rectangle (commonly called a "bar"), and the numerical value determines the height of the bar.

Use Cases

Column charts are best suited for comparing categorical data
Especially when values are close, since human perception of height is more accurate than other visual elements (such as area, angle, etc.), column charts are more appropriate

Visual Examples

2024 E-commerce Monthly GMV

Six-Country GDP Growth Comparison, Custom Colors

Quarterly Expenditure by Department, Custom Palette

Options

Configuration Options

Property	Type	Required	Description
type	string	required	Value must be "column".
data	Object[]	required	Chart data.
data.category	string	required	Category name.
data.value	number	required	Data value.
data.group	string	optional	Group name. Required when grouping or stacking is enabled.
group	boolean	optional	Whether to enable grouping.
stack	boolean	optional	Whether to enable stacking.
title	string	optional	Chart title.
axisXTitle	string	optional	X-axis title.
axisYTitle	string	optional	Y-axis title.
theme	'default' \| 'dark' \| 'academy'	optional	Chart theme, default is "default".
style	Object	optional	Chart style.
style.backgroundColor	string	optional	Must be a valid color value.
style.palette	string[]	optional	Must be an array of valid color values.