Chart.js 工具提示从ng2图表中被切断

Chart.js 工具提示从ng2图表中被切断,chart.js,ng2-charts,Chart.js,Ng2 Charts,我正在尝试将折线图放入一些非常小的表格单元格中: 正如您所看到的,最右边的点的工具提示被稍微截断。这是导致问题的唯一原因 最简单的修复方法可能是在工具提示上添加更高的z索引,但我已经在谷歌上搜索过了,我认为这是不可能的。相反,是否可以将工具提示显示在点的左侧而不是下方?这就是第二点到最后一点的作用: 以下是我的图表选项: public lineChartOptions:any = { responsive: false, tooltips: { yPadding: 2, xPaddi

我正在尝试将折线图放入一些非常小的表格单元格中:

正如您所看到的,最右边的点的工具提示被稍微截断。这是导致问题的唯一原因

最简单的修复方法可能是在工具提示上添加更高的z索引,但我已经在谷歌上搜索过了,我认为这是不可能的。相反,是否可以将工具提示显示在点的左侧而不是下方?这就是第二点到最后一点的作用:

以下是我的图表选项:

public lineChartOptions:any = {
responsive: false,
tooltips: {
  yPadding: 2,
  xPadding: 2,
  caretPadding: 5,
  caretSize: 3,
  displayColors: false,
},
layout: {
  padding: {
    left: 5,
    right: 5,
    top: 5,
    bottom: 5,
  }
},
scales: {
  yAxes: [{
    ticks: {
      //stepSize: 50,
      max: 150,
      beginAtZero: true,
      display: true,
    }
  }],
  xAxes: [{
    display: false,
  }]
}
};
感谢您的帮助