Pre loader

Custom Filters

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 simple and advanced Custom Filters, with realtime updates using SciChart.js, High Performance JavaScript Charts

This uses a simple custom filter to apply random noise to a line, then an advanced aggregation filter calculates the frequency distribution

Simple Custom Filters are great if you just want to apply some function to each y value. Just create an XyCustomFilter and set your function. If you want to significantly reshape your data, create a class that extends XyFilterBase

Tips
There are CustomFilter and FitlerBase types for each of the series types (xy, xyy, xyz, ohlc)
Complex custom filters do not have to output the same series type as they take as input.
If your filter takes a parameter, use a setter to call filterAll when the parameter is updated

 

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