图表点悬停错误

Question

我用的是angular-chart.js (1.0.2) 和 chart.js (2.5.0) 有一个问题：当我直接悬停的时候点悬停了，但是当我把鼠标放得更高一点时，悬停点就会丢失。我用标准配置：

 $scope.labels = ["January", "February", "March", "April", "May", "June", "July"];
 $scope.series = ['Series A', 'Series B'];

 $scope.data = [
   [65, 59, 80, 81, 56, 55, 40],
   [28, 48, 40, 19, 86, 27, 90]
 ];

由于当前应用程序 angular 版本，我无法使用其他版本的 angular-chart.js。

有人可以帮我解决这个问题吗？

image with styles - click on me!

Answer 1

您需要在图表选项中为 tooltips 对象设置 intersect: false，就像这样....

$scope.options = {
    tooltips: {
        intersect: false
    },
    //other options goes here...
}

这将使工具提示显示，即使光标没有直接悬停在该点上。

图表点悬停错误

Chart point hover error

chart.js

angular-chart

angular