Chartjs-ChartJS – Horizontal Stacked Bar Chart Tooltip being cut off by Bottom of Canvas

Either you can add bottom padding to your canvas

options: {
layout: {
  padding: {
     bottom: 25  //set that fits the best
  }
 },
}

Another option is to set the yAlign of tooltip to center, so the tooltip won’t occupy the bottom space of the canvas.

options: {
 tooltips: {
    yAlign: 'center'
 }
}

Please have a look at this issue, especially https://github.com/chartjs/Chart.js/issues/622#issuecomment-72480781 comment.

A similar problem was faced here too.