I have my layout attribute as the following:
layout: { showlegend: true, legend: { xanchor: 'center', x: 0.5, orientation: 'h' } }
This make the legend shown horizontally and at the bottom of the chart. However, when I have more than ~7 legends, the legends get truncated instead of shown in the next line. Is there a way to make the legend responsive (showing the leftover legends in the next line)?
Thanks,