Align legends to the left of the charts
domoritz opened this issue · comments
When placing a legend at the top of a chart, it aligns with the left of the plotting area/axis but not the chart. This means that it's inconsistent with how titles align.
Open the Chart in the Vega Editor
![Screenshot 2024-04-12 at 15 49 25](https://private-user-images.githubusercontent.com/589034/322121112-3a7931de-22a6-4068-8d1d-5fadcd5cba4c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA1MjM0OTAsIm5iZiI6MTcyMDUyMzE5MCwicGF0aCI6Ii81ODkwMzQvMzIyMTIxMTEyLTNhNzkzMWRlLTIyYTYtNDA2OC04ZDFkLTVmYWRjZDVjYmE0Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwOVQxMTA2MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03MzU5OTMzZDE2MjFlMTk4YTNkZjI2ZjMwY2U4NTc1NzgxODkwZDAxOWI2NzAyY2EzM2M4YmFiZjIwMDljMzUzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.tLsb2QeSsQro7IWgFfJBgwwYgTCxDxTWnyPsjzBsceQ)
It would be nice to be able to align the legend with the left side of the chart.
We can at least align the title and the legend by setting "frame": "group"
. Open the Chart in the Vega Editor
![Screenshot 2024-04-12 at 15 51 39](https://private-user-images.githubusercontent.com/589034/322121608-5ab057f4-de26-4007-88b5-7091c2e6fe1c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA1MjM0OTAsIm5iZiI6MTcyMDUyMzE5MCwicGF0aCI6Ii81ODkwMzQvMzIyMTIxNjA4LTVhYjA1N2Y0LWRlMjYtNDAwNy04OGI1LTcwOTFjMmU2ZmUxYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwOVQxMTA2MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wZjk2NmFmYjhlMGVlMzRiODY0NzU3ZmJjZGNjN2VhMzRmYWJmMmNlMzRjMmNmOTNhMDZhMWViMzM5NDdkMmUxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.JrMlrpHew9El2W85q8fU4gP4yqwsxfjszwwgUEvxPj0)
Related issue: #3531
See https://stackoverflow.com/questions/77875580/legend-alignment-in-vega-lite