工具提示与ng2-chart

时间:2017-07-20 23:29:22

标签: chart.js ng2-charts

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

enter image description here

正如您所看到的,最右侧点的工具提示略有切断。这是导致问题的唯一原因。

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

enter image description here

以下是我的图表选项:

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

感谢任何帮助。

0 个答案:

没有答案