Pre loader

Realtime Percentage Change using Filter

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 use a ScaleOffsetFilter to convert data to a Percentage Change with realtime updates, using SciChart.js, High Performance JavaScript Charts

ScaleOffsetFilter multiples each data point by a scale factor and adds an offset. This can be used to convert data to a percentage change

The zero value for change is the visible start of the chart and data rescales as you pan. Click the Add Data button to see that data is automatically transformed when the original data is updated. A simple extention to the RenderableSeries allows us to show the original values for the transformed series in the rollover tooltip

Tips
ScaleOffsetFilters are available for all DataSeries types, so you could do the same thing for a band or candlestick chart

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New

Try SciChart Today

Start a trial and discover why we are the choice
of demanding developers worldwide

Start TrialCase Studies