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 Spline Band Chart

Demonstrates how to create a JavaScript Band Chart or High-Low Fill using SciChart.js, High Performance JavaScript Charts

Spline Band Series are provided by the SplineBandRenderableSeries type. This is a chart type which draws an area (polygon or fill) between two lines, using a spline interpolation (smoothing) algorithm. The SplineBandRenderableSeries requires an XyyDataSeries, which contains one X-point and two Y-points

Dual lines are drawn by the stroke, strokeY1 properties and shaded bands are drawn by the fill and fillY1 properties, depending on whether y1 is greater than y2


If you have data where Y1 is greater than Y2 always, you’ll get an envelope effect. Great for rendering confidence intervals, error margins or Bollinger Bands!

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