Grouped Stacked Chart: Add group legend labels

[kevin-moser]

Summary

The newly added chart type for bar charts (grouped & stacked) has separated legend labels for each series, which get pretty long when having multiple series in a single chart. The ability to group legend labels by series with same names (?) would be nice.

Intended Use Case

Better UI for legend labels for grouped & stacked bar charts with same functionality of hiding the separate series.
Example of a UI mockup attached below:

Current legend layout:

Proposed grouped layout:

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[mpkhr]

+1

@kevin-moser did you find a way to solve it?

[abalone49]

+1 Need that feature

[MaksSieve]

+1
any workarounds may be?

[junedchhipa]

Added new config for this

options = {
  legend: {
    clusterGroupedSeries: true,
    clusterGroupedSeriesOrientation: "horizontal" // available options ["vertical", "horizontal"]
  }
}

which creates legend like below

The new options will be available in the next release v4.2.0

[MaksSieve]

@junedchhipa thx! but could you also make it for v3.x.x? it's not possible to use version more than 3 with old projects that use Node v16

[MaksSieve]

@junedchhipa also another but related question: is it possible to add labels for groups on X-axis?
smth like this:

[MaksSieve]

@junedchhipa any ideas?