Chartjs放大时的工具提示位置

Question

我在4个div的网页中使用chartjs折线图。当鼠标悬停在div上时，使用css放大div

.box:hover  { 
z-index: 10000;
-webkit-transform: scale(1.5);
-moz-transform:    scale(1.5);
-o-transform:      scale(1.5);
-ms-transform:     scale(1.5);
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
border-width: 2px;
border-color: black;
border-style: solid;
box-shadow: 10px 10px 5px #888888;
}

当div放大时，工具提示不匹配

在我深入研究代码之前，有人能指出我正确的方向吗？

我还注意到工具提示的位置是当工具提示出现时鼠标的位置。 谢谢

Answer 1

现在已在当前主分支以及2.0 dev版本中修复。请从GitHub Chartjs repo获取最新信息并检查工具提示示例文件。

问题是生成的工具提示动态使用相对定位。更新代码示例以使用相对和绝对定位元素的正确定位。

Answer 2

这似乎是chart.js的一个问题。 2.0即将推出，所以我会等待。