Aligned chart legend sizes
If you use two e.g. line charts (or any other multi-chart type) on your dashboard, all of which show the legend on either the left or right side, and position one below the other, you may notice that both charts have a different width.
Legend size issue with multiple charts
As you can probably guess from the image above, this issue comes up if you use different series names in your charts. In the example above, the second chart uses a series with a longer name, thus the legend size needs to be bigger and therefore decreases the space that is remaining for the chart itself.
If you want all charts to have the same width, you can do that by setting a fixed chart to legend size ratio for every widget.
To do that, go into edit mode of your dashboard and click on the widget you want to set a fixed size ratio for. Note that after clicking the widget you should see a blue border around it. In the dashboard sidebar, you should now see that a new tab Legend has appeared.
You can only see the legend tab if the following requirements are fulfilled:
  • The chart needs to be a multi-chart (line, bar, area or scatter)
  • The legend needs to be turned on
  • The legend needs to be positioned on either the left or right side of the chart
Navigate to this tab and you should see a toggle named Fixed size ratio. After toggling this option to on, you can set the ratio between the chart and the legend by entering values in the corresponding input fields.
So for example, if you enter a ratio of 1:1, the chart and the legend will both have the same width, a ratio of 2:1 will mean that the chart has double the width of the legend and so on.
Fixed size ratio setting in the dashboard sidebar
After configuring a fixed size ratio for all the chart widgets, all the charts should be properly aligned!
Charts with the same fixed size ratio
Copy link