ChartJS - 水平堆叠条形图工具提示被画布底部切断

Question

我试图在水平堆叠条形图的工具提示中添加多行，但最后几行被图表画布的末尾切断。是否可以使工具提示延伸到图表画布的末端？

tooltips: {
 mode: 'nearest',
 intersect: true,
   callbacks: {
     footer: function() {
      var withBreaks = "Hello World. \n My name is Jennifer. \n What is your name?"
       return withBreaks;
     },
  }
},

Answer 1

您可以在画布上添加底部填充

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

另一种选择是将工具提示的 yAlign 设置为居中，这样工具提示就不会占用画布的底部空间。

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