[BUGFIX] StatChart: wrap multi-series stats in multiple columns

[colivi]

Relates to perses/perses#4382

Description

Multi-value StatCharts laid all series on one horizontal row (overflow scroll).

Maximizes space wrt number of elements to fill so panels that have multiple sub-panels to display stay readable.

Screenshots

N/A until deployed on Argos; change is layout-only in "StatChartPanel.tsx".

Checklist

• "[FEATURE]" title
• DCO signoff

[shahrokni]

⚠️
Please hold this one.
We have already a PR from another contributor being reviewed and is in final stage.

[colivi]

Hi @shahrokni,

OK we’ll hold #814 in favor of #812 for the moment.

When orientation is auto, does the layout wrap into multiple rows based on panel width and the number of series (keeping each tile at least a minimum readable width)?

=> That’s the behavior we need for dense multi-series stats.

We’ll re-test Argos multi-series stats after merge and if gaps remain we will open a follow-up.
Thanks

[shahrokni]

Hi @shahrokni,

OK we’ll hold #814 in favor of #812 for the moment.

When orientation is auto, does the layout wrap into multiple rows based on panel width and the number of series (keeping each tile at least a minimum readable width)?

=> That’s the behavior we need for dense multi-series stats.

We’ll re-test Argos multi-series stats after merge and if gaps remain we will open a follow-up. Thanks

You can take a look at this output.
The very first one (in the screenshot) shows your requirement I think. If not, let me know

When orientation is auto, does the layout wrap into multiple rows based on panel width and the number of series (keeping each tile at least a minimum readable width)?