Skip to main content

Columns

JavaScript Chart Types

Columns

JSCharting's Column chart (also known as a vertical bar chart) includes advanced support for cluster column charts, stacked column charts and full stacked column chart variations.

Weather Range Column Chart

Use column complete values to display percent chance of rain.

Edit
Custom Icons Column Chart

Columns with custom SVG icon path markers.

Edit
Column chart with default shading.
Box and whisker data visualization.
Column series type with range x and y values.
Bars series type with rounded shading and range values.
A waterfall chart to analyze the cumulative effect of a sequence of positive and negative values.
Stacked column chart with default shading.
Multiple column stack clusters using additional y axes.
Multiple column stack clusters from CSV data.
Uses column complete value without a hatch pattern.
Overlapping column clusters using an additional x axis.
Gradient range columns sorted by.
Columns with icon markers also shown in the legend.
Column series with error bars.
Demonstrates different radius settings for column data points.
Columns with icon markers.
Columns with image markers.
Image markers in legend.
Full stacked column chart with default shading.
Multi Y axis stacked column chart with different axis scales.
Column with hatch patterns for improved accessibility.
Draws a marker on a single column data point.
Column chart with negative values and conditional styling.
Stacked column chart with negative values.
Column chart with aqua shading.
Column chart with rounded shading.