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 Column Chart

View information on how to create a JavaScript Column Chart using SciChart.js, a High Performance JavaScript Chart Library by SciChart.

Columns in SciChart.js are rendered with a stroke and fill, and support gradient fill and paletteproviders for more custom coloring options.


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.