--- alert-message: ', http://getbootstrap.com, and http://c3js.org/' categories: [Charts] layout: page title: Bar Charts resource: true url-js-extra: ['https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js'] ---

Vertical Bar Chart

{% include widgets/charts/bar-vertical.html id="verticalBarChart" %}

Grouped Vertical Bar Chart

{% include widgets/charts/bar-vertical-group.html id="groupedVerticalBarChart" %}

Stacked Vertical Bar Chart

{% include widgets/charts/bar-vertical-stack.html id="stackedVerticalBarChart" %}

Horizontal Bar Chart

{% include widgets/charts/bar-horizontal.html id="horizontalBarChart" %}

Grouped Horizontal Bar Chart

{% include widgets/charts/bar-horizontal-group.html id="groupedHorizontalBarChart" %}

Stacked Horizontal Bar Chart

{% include widgets/charts/bar-horizontal-stack.html id="stackedHorizontalBarChart" %}