JavaScript Chart Examples

SciChart.js ships with ~60 JavaScript Chart Examples which you can browse, play with, view the source code and see related documentation. All of this is possible with the SciChart.js Examples Suite, which ships as part of the SciChart.js SDK

JavaScript Column Chart

Demonstrates how to create a JavaScript Column Chart using SciChart.js, High Performance JavaScript Charts

Demonstrates how to create a JavaScript Column Chart. Columns 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.