New to Kendo UI for jQuery? Download free 30-day trial

jQuery Bar Charts Column Chart

Loading Demo...

Also available for:



The jQuery Column Chart visualizes data as vertical bars whose heights vary according to their value. It can be useful for presenting a comparison between several sets of data (for example, snapshots of data across different points in time like the GDP growth shown in this example). The Column Chart is very similar to the Bar Chart, with the only difference that bars orientation is vertical instead of horizontal.

The current example illustrates the basic usage of jQuery Bar Chart which enables the user to show customized bar charts.You can define the Chart series as horizontal with the seriesDefaults.type property set to "column".

This Bar Chart example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.

Support & Learning Resources

Additional Resources