In an ECharts line chart, I need to a legend that is arranged into three or four columns in the top 20% or so of the chart. There are simply too many items for a single column or row and pagination has the serious drawback of having to, well, paginate to see the series labels. With pagination disabled it does flow row by row, but the series items aren’t aligned with one another and it becomes very difficult to read. There really should be a way to wrap them into columns, similar to how flex works with column flow.

The only advice I can google up out there is to create multiple legends. The problem with this is that you would have to programmatically control which series are in which legends, which if dynamic and constantly changing becomes a burden, and it also is nearly impossible to position them properly relative to each other so that it appears as three columns. That’s not really a solution, unless someone has managed to finesse this approach to look acceptable.

Are there any other options for auto-columnarizing legend data?