Currently, legends will long labels or many items will wrap to a new line, overlapping the top of the chart area. We should either:
- Wrap + push: Detect when the legend area wraps to newlines and push the chart area down accordingly
- Truncate (my preference): Simply truncate the legend area at the right edge with a
.... Make the area horizontally scrollable. The reason I prefer this is that you can simply hover your cursor over the chart area to get the full legend, and this approach prevents you from getting big ugly legend areas, or overly squashed chart areas. The downside, though, is that printed modalities such as Slack don't have the hover capability obviously.
Other things to consider:
- A chart prop to hide legends
- Adding an instruction in our agent docs to keep legends short, or to hide them altogether when cardinality exceeds ~4 and just rely on hovers
Currently, legends will long labels or many items will wrap to a new line, overlapping the top of the chart area. We should either:
.... Make the area horizontally scrollable. The reason I prefer this is that you can simply hover your cursor over the chart area to get the full legend, and this approach prevents you from getting big ugly legend areas, or overly squashed chart areas. The downside, though, is that printed modalities such as Slack don't have the hover capability obviously.Other things to consider: