我试图将折线图放入一些非常小的表格单元格中:
正如您所看到的,最右侧点的工具提示略有切断。这是导致问题的唯一原因。
最简单的解决方法可能是在工具提示上加一个更高的z-index,但我已经用Google搜索了,我认为这是不可能的。相反,是否可以将工具提示显示在点的左侧而不是低于它?这是倒数第二点的作用:
以下是我的图表选项:
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,
}]
}
};
感谢任何帮助。