How to stop axis label from being cut off in chart JS?

Question

How do I stop the chart from cutting off the axis label words? This question is similar: "How do I prevent the scale labels from being cut off in chartjs?" But only addresses the labels on the tick marks.

The axis label should say "mental health continuum". But the

m

is cut off.

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

You can fix that by setting the layout padding on the chart.

options: {
  layout: {
    padding: {
      top: 20
    }
  }
}

Here is the reference http://www.chartjs.org/docs/latest/configuration/layout.html

How to stop axis label from being cut off in chart JS?

Sign up