Fix issue 4216: grid padding calc to support array of stroke widths

[veryinsanee]

New Pull Request

This commit adjusts the plotCoords method to correctly handle cases where the stroke width (stroke.width) is provided as an array of values, which corresponds to different series in the visualization. Previously, the code assumed a single numeric value, leading to incorrect grid padding calculations when multiple series with different stroke widths were present.

Now, the method checks if stroke.width is an array and uses the maximum value from this array for setting grid padding, ensuring that the largest stroke width is properly accommodated.

Changes include:

• Adding a condition to determine whether stroke.width is an array.
• Using Math.max(...) to find the maximum stroke width when necessary.
• Applying this maximum value to adjust gridPad.top and gridPad.bottom.

Fixes #4216

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes

[lmansur]

Thanks @veryinsanee!

[Seros]

I'm just facing the same issue when I want to change the width of the stroke for multiple series from an numer to an array at https://github.com/VueTorrent/VueTorrent/blob/master/src/components/Navbar/SideWidgets/SpeedGraph.vue#L31 The packages are all up2date but still the graph does not show up. Do you have any idea?