JavaScript Chart Examples

SciChart.js ships with over 80 JavaScript Chart demos which you can browse, view the source code and see related documentation. Build incredible complex dashboards with SciChart.js, our High Performance JavaScript Chart Library.

JavaScript Stacked Column Chart

The example on this page demonstrates how to create a JavaScript Stacked Column Chart using our feature-rich JavaScript Chart Library, SciChart.js.

Stacked Column Charts can be created in JavaScript using SciChart.js. An column or rectangle is rendered from the Y-value of each stacked column series to the Y-value of the next. Each column can have a different color and you can stack to 100% using our library.


To change the width of the column, set the dataPointWidth property from 0.0 to 1.0. This alters how much space the column takes up.

2D Charts
Chart Legends
SciChart Ltd, 16 Beaufort Court, Admirals Way, Docklands, London, E14 9XL.