Bar charts and Column charts are categorical charts which display data by using horizontal or vertical bars whose lengths vary according to their value.
Bar charts are suitable for displaying a comparison between several sets of data. For example, for showing a summary of unique and total site visitors over a certain period of time.
The following example demonstrates the Bar chart in action.
You can bind the Bar series to an array that contains:
- Arrays which represent [value, category] tuples.
- Objects which are also referred to as models.
For more information on how to configure data-binding mode, refer to the article on binding the Kendo UI Chart to data.
The Bar charts feature the following sub-types:
The 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.
Column charts are almost identical to Bar charts but the orientation of their bars is vertical and not horizontal. To define the chart series as horizontal, use the
A stacked bar is a bar divided into subparts to represent cumulative effect, to display money distribution or production against time. To enable the stack feature, use the
The data series in a stacked Column or Bar chart have a single stack per category. You can arrange your data so that the chart will render more stacks per category—that is, you can group the stacks.
The following example demonstrates how to group stacked columns to display the world population compared by age and sex for a specific period of time by setting the
stack option and apply the name of the stack to which the series belongs (
Female in the example).
The Bar charts support 100% stacking where the stacked series values are rescaled in a way they add up to 100%.
You can enable the 100% stack feature through the
:series-defaults-stack-type="'100%'" chart attribute.
The Bar chart component allows you to control the distance between its categories and between the series points within a category through the