4

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

在此处输入图像描述

如您所见,最右边点的工具提示被略微截断。这是唯一导致问题的一个。

最简单的解决方法可能是在工具提示上放一个更高的 z-index,但我已经用谷歌搜索了它,我认为这是不可能的。相反,是否可以将工具提示显示在该点的左侧而不是其下方?这就是倒数第二点的作用:

在此处输入图像描述

这是我的图表选项:

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,
  }]
}
};

任何帮助表示赞赏。

4

0 回答 0