How to stop legend labels being cut off

1

I’ve run into an issue where some of my legend labels are being cut off. If I add more labels eventually some appear to the right of the other labels but some still get cut off at the bottom. Help appreciated. Thanks

image
image1035×639 56.4 KB

2

Hi @Georgia, I think the fix here would be to add padding in the options.layout.padding object.

For example:

...
  options: {
    layout: {
      padding: {
        bottom: 30
      }
    }
...

You’ll have to adjust the value to fit your chart.

If you provide a link to an example in the chart editor I can try troubleshoot this directly.

3

Is there a way to get the padding to automatically adjust? It would be useful for me to be able to not have to change this number for every chart individually

4

Not an easy way that I’m aware of, unfortunately :frowning:

In theory that could be done as a Chart.js plugin - but that will involve some Javascript.

1 Like