Skip to examples
Browse chart types
Chart library26 ways to visualize

STATISTICS / CHART GUIDE

Column Chart

A column chart is a statistical chart that uses vertical bars to compare numerical values across different categories.

01 / EXPLORE

See it in action.

Switch to Code to copy an example.

2024 E-commerce Monthly GMV

Six-Country GDP Growth Comparison, Custom Colors

Quarterly Expenditure by Department, Custom Palette

Revenue by Detailed Product Category (Automatic Label Layout)

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

02 / CONFIGURE

Make it yours.

The properties available for this chart.

Configuration Options

PropertyTypeRequiredDescription
typestringrequiredValue must be "column".
dataObject[]requiredChart data.
data.categorystringrequiredCategory name.
data.valuenumberrequiredData value.
data.groupstringoptionalGroup name. Required when grouping or stacking is enabled.
groupbooleanoptionalWhether to enable grouping.
stackbooleanoptionalWhether to enable stacking.
titlestringoptionalChart title.
axisXTitlestringoptionalX-axis title.
axisYTitlestringoptionalY-axis title.
themeBuiltinThemeName | ThemeSpecoptionalBuilt-in theme name or custom theme object; default is "default". See Documentation → Custom Themes.
styleObjectoptionalChart style.
style.backgroundColorstringoptionalMust be a valid color value.
style.palettestring[]optionalMust be an array of valid color values.
GPT-Vis · An AntV project · MIT licensed