Skip to main content

Bars

JavaScript Chart Types

Bars

JavaScript bar chart is a chart type that graphs categorical data. Bar length is displayed proportional to the data values on the x-axis and categories are shown on the y-axis. Bar charts support multiple data visualizations including standard horizontal bar charts, stacked bar charts, full stacked bar charts, clustered bar charts, and population pyramid charts. Negative x axis value support enables you to display profit and losses and other variable data automatically. Tooltips show exact values for any bar or bar segment in the case of stacked bar charts. Advanced tooltip support includes formatting options by HTML and CSS and are styled attractively by default. The JSCharting JavaScript library uses HTML5, SVG and JavaScript for resolution independent, fast display of your chart data. Pass data points from JSON, connect to your database and display bar charts and bar graphs with minimal code. Powerful example charts with source code are included with modern attractive default styling. These example charts can be used as a base of customization for your own charts to get started quickly. Column charts, also known as vertical bar charts, are also fully supported.

A stacked bar chart with firstPoint labels.
Population pyramid chart.
Sortable bar chart with targets.
An animated bar chart race of employment numbers by state.
Two bar series with another range bar series indicating the difference between them.
Horizontal column chart with default shading.
An animated bar chart race of Covid infections for key countries.
A diverging stacked bar chart with range category axis ticks.
An interactive diverging stacked bar chart.
Multiple interactive bar series on a single chart comparing NFL ranking by year.
Horizontal full stacked bars with hover highlighting.
Interactive bar chart with custom legend entry checkbox.
Stacked bars with negative values and crosshair.
Horizontal stacked bar series type.
Horizontal full stacked bar chart.