[Chartjs]-ChartJS x axis title not visible when axis position is centered

by

1👍

✅

I assume you are using a version of chart.js lower as 3.5 since this was a bug that has been resolved in the 3.5 release with this pr: https://github.com/chartjs/Chart.js/pull/9413

So to resolve your issue you will need to update to the latest version of chart.js

0👍

The Chart Title options have evolved quite a bit in v2 of Chartjs as well. I found that the title was hidden entirely until I added padding – for one example

options: {
      plugins: { 
        title: {
          display: true, 
          text: "Title" ,
          padding: {
              top: 10,
              bottom: 10
          },
          font: {
            size: 24,
            style: 'italic',
            family: 'Helvetica Neue'
          }
        }
      },
      ... other options here
}

Leave a comment