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

时间:2019-05-15 16:45:59

标签: javascript chart.js

我试图在工具提示中为水平堆叠条形图添加多条线,但最后几条线在图表画布的末尾被截断。是否可以使工具提示延伸到图表画布的末尾?

enter image description here

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

2 个答案:

答案 0 :(得分:0)

请查看this问题,尤其是https://github.com/chartjs/Chart.js/issues/622#issuecomment-72480781评论。

这里也面临着类似的问题。

答案 1 :(得分:0)

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

col3

另一种选择是将工具提示的yAlign设置为居中,因此工具提示将不会占据画布的底部空间。

col2 / 2