Down sampling in JavaScript Chart control

18 Nov 20181 minute to read

Downsampling is the process of reducing the data rate. We have given a 2000 data points for chart. After applying downsampling algorithm, chart data points has been reduced and rendered with 400 data points.

Downsampling data using the “Largest-Triangle-Three-Buckets algorithm”LTTB which describes the point in the bucket that forms the largest triangle using the area of the triangles. This helps to reducing the number of points.

In Downsampling when we perform zooming, particular level of zoomed chart we can see the chart clearly with original data, so we can use original data for that level of zooming. This can be achieved by zoomComplete event. Refer the below sample for downsampling with zooming feature.

Before applying downsampling algorithm

After applying downsampling algorithm