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

Here we demonstrate how to create a JavaScript Fan Chart using SciChart.js. Zoom in and out to see the detail you can go to using our JavaScript Charts

Fan charts can be used for visualizing, forecasting or estimation figures and can be achieved in SciChart.js using several Band Series overlaid with varying opacity.


As well as stroke, you can set strokeThickness, isVisible properties to change how the series is rendered.

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