Pre loader

JavaScript Spline Line Chart

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.

Getting Started

Demonstrates how to create a JavaScript Spline Line Chart using SciChart.js, our feature-rich JavaScript Chart Library

This example demonstrating a JavaScript Spline Line chart uses the SplineLineRenderableSeries type.

SciChart’s Spline Line type includes a spline-interpolation algorithm to smooth the line, when you have a few data-points and want a nicer looking, smoothed line series in your chart applications and dashboards

Tips
As well as stroke, you can set strokeThickness, isVisible properties to change how the series is rendered. You can add data-point markers to a line series using the PointMarker API. This is very performant and uses the same WebGL rendering as our Scatter Charts.

 

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New