chart.js | How to detect a summit/peak in line chart data

Asked Aug 08 '17 at 05:24

Active Aug 08 '17 at 08:46

Viewed 893 times

Chart.js 2.6.0

Expected Output

I have a problem to solve, I needed to generate this chart out of data:

I am searching for best way to detect summit/peak of data-mountains so that I could put a point(arc) at the top.
Is there a way to put labels in x-axis like in the picture above? I mean there is label after every 21 seconds.

I overrode the draw function of Chart.js and drew lines and points on my own.

Any help will be appreciated, thanks.

Note: My data is not guaranteed to be pointy at the summit; sometimes it can get plateau.

edited Aug 08 '17 at 08:46

asked Aug 08 '17 at 05:24

Shiva

can you please create JsFiddle, it will be more helpful – Pranav Patel Aug 08 '17 at 05:28
ok I will in a moment Pranav – Shiva Aug 08 '17 at 05:29
2

This may help you: https://stackoverflow.com/questions/22583391/peak-signal-detection-in-realtime-timeseries-data – Karim Harazin Aug 08 '17 at 05:31
@PranavPatel I have added the link to CodePen – Shiva Aug 08 '17 at 05:34
I've noticed that you kinda mark the areas with positive/negative slope. If you want to mark the local maximum peaks then just place the marker in the first point you're gonna paint with black (negative slope) – vassiliskrikonis Aug 08 '17 at 07:20