Column Charts For JavaScript - JSCharting

Skip to main contentColumns

JavaScript Chart Types

1. Home
2. JavaScript Chart Types
3. Columns

Columns

Back To CategoriesArea Lines and SplinesBarsBubble ChartsBullet Graph ChartsCalendar ChartsCircular Gauge / Activity Ring ChartsColumnsCombination ChartsDonut ChartsDumbbell ChartsFinance Stock ChartsFunnel, Cone and Pyramid ChartsGantt ChartsAngular Gauge ChartsData GridHeatmap ChartsModern Linear Gauge ChartsLines, Splines and StepLinesJavaScript Mapping ChartsMicro charts and SparkLinesOrganizational ChartsPERT Chart DiagramPictogram Charts and Pictograph GraphsPie ChartsPoint MarkersRadar and Polar ChartsScatter PlotsSlope Graph ChartsTreeMap ChartsMosaic Plot ChartsVenn Diagram and Euler Diagram ChartsWaffle ChartsChart Widgets for DashboardsAccessibilityAnnotation Usage and ExamplesAxisDashboardsDynamic ChartingInternationalization and GlobalizationInfographicsUser InteractionsLabelChart LayoutChart LegendMapping Component FeaturesData Manipulation and nestingPalette Chart SamplesPHPVisual StylingTooltip & Crosshair

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

Clustered Column Chart

Column chart with default shading.

Box and Whisker Chart

Box and whisker data visualization.

XY Range Column Chart

Column series type with range x and y values.

Range Column Chart

Bars series type with rounded shading and range values.

Waterfall Chart

A waterfall chart to analyze the cumulative effect of a sequence of positive and negative values.

Stacked Column Chart

Stacked column chart with default shading.

Clustered Stacked Columns

Multiple column stack clusters using additional y axes.

Clustered Stacked Columns CSV

Multiple column stack clusters from CSV data.

Column Complete

Uses column complete value without a hatch pattern.

Overlapping Column Clusters Chart

Overlapping column clusters using an additional x axis.

Gradient Range Columns Chart

Gradient range columns sorted by.

Legend Icons Column Chart

Columns with icon markers also shown in the legend.

Error Column Chart

Column series with error bars.

Column Point Radius Values

Demonstrates different radius settings for column data points.

SVG Icon Column Chart

Columns with icon markers.

Image Icon Column Chart

Columns with image markers.

Legend Image Icon Column Chart

Image markers in legend.

Full Stacked Column Chart

Full stacked column chart with default shading.

Multi Axis Stacked Column Chart

Multi Y axis stacked column chart with different axis scales.

Hatch Column Chart

Column with hatch patterns for improved accessibility.

Column Highlight

Draws a marker on a single column data point.

Negative Column Chart

Column chart with negative values and conditional styling.

Negative Stacked Column Chart

Stacked column chart with negative values.

Aqua Shaded Column Chart

Column chart with aqua shading.

Rounded Shaded Column Chart

Column chart with rounded shading.

See also Bar Chart Gallery