Added dropdown to Legend for dataPointThreshold

[ignis-sec]

Hey everyone,
I stumbled upon arduino-ide/#803 which has been unresolved since Feb 2, 2022. This pull request addresses that issue.

I added a small dropdown to the Legend component which allows modification of the dataPointThreshold, which is used to determine the maximum number of datapoints that will be shown in the serial plotter.

This pull request introduces:

• A new URL parameter dataPointThreshold that sets the initial value of the variable. (Default set to 50, which was the previous hardcoded value)
• A new dropdown in the Legend component for the dataPointThreshold attribute.
• A new setter hook in the ChartPlotter component for the dataPointThreshold attribute.
• A new attribute under MonitorModelState for the attribute.

Tested with the master branch of arduino/arduino-ide, found no potential issues.

[CLAassistant]

All committers have signed the CLA.

[codecov-commenter]

Codecov Report

Patch and project coverage have no change.

Comparison is base (22c6952) 87.71% compared to head (d417cb0) 87.71%.

Additional details and impacted files

@@           Coverage Diff           @@
##             main      #32   +/-   ##
=======================================
  Coverage   87.71%   87.71%           
=======================================
  Files           1        1           
  Lines          57       57           
  Branches       12       12           
=======================================
  Hits           50       50           
  Misses          3        3           
  Partials        4        4           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[SvenRosvall]

Nice!
Can you reduce the width of the combo-box, and also change its text to something shorter like "Datapoints".
The space in the legend is precious. I usually plot several values. I am worried that there won't be enough space to show more than a 1-2 value titles.

[ignis-sec]

@SvenRosvall that is fair enough, as a lazy bum who never titles their plots, I did not anticipate it could be an issue.
I've pushed an additional commit doing my best to minimize the space it takes up.

[SvenRosvall]

Looks good. Thanks @ignis-sec .

[wgrover]

In the meantime, I've created a couple videos to guide my students through editing the Serial Plotter's JavaScript source to manually adjust the number of points in their Plotter history. I figured I'd post them here in case they're useful to anyone:

Changing the Serial Plotter history length in the Arduino IDE on a Mac

Changing the Serial Plotter history length in the Arduino IDE on Windows

[beyarkay]

If anyone wants something quick and dirty which 1) increases the maximum number of data points to 500 and 2) increases the number of lines you can draw to 20, using the matplotlib tab20 colour pallete:

Then download this file: main.35ae02cb.chunk.js.txt, remove the .txt file extension so it's just main.35ae02cb.chunk.js, and replace the file at /Applications/Arduino IDE.app/Contents/Resources/app/lib/backend/resources/arduino-serial-plotter-webapp/static/js/main.35ae02cb.chunk.js with this file. It's possible that you'll need to change the 35ae02cb to match with whatever your main.*.chunk.js file is called.

I'm sad that it's come to this, but oh well.