Javascript Chartjs高亮显示行中的多个点

我使用的是Chartjs，它没有正确高亮显示。它一次只能高亮显示一个数据点，但出于某种原因，它会高亮显示鼠标右侧的所有数据点。我附加了一个gif来演示：

我的数据结构如下：

{
    "labels": ["", "", "", "", "", "", "", "", "", ""],
    "datasets": [{
        "data": [null, null, "5.00", null, null, null, "5.00", null, "2.00", null, "7.00", null, null, null],
        "label": "item 1",
        "fillColor": "rgba(0, 0, 0, 0.2)",
        "strokeColor": "rgb(255, 153, 0)",
        "pointColor": "rgba(198,229,217",
        "pointStrokeColor": "#fff",
        "pointHighlightFill": "#fff",
        "pointHighlightStroke": "rgba(220,220,220,1)"
    }, {
        "data": [null, null, null, null, null, null, null, null, null, null, "7.00", null, null, null],
        "label": "Item 2",
        "fillColor": "rgba(0, 255, 255, 0.46)",
        "strokeColor": "rgb(0, 255, 0)",
        "pointColor": "rgba(220,220,220,1)",
        "pointStrokeColor": "#fff",
        "pointHighlightFill": "#fff",
        "pointHighlightStroke": "rgba(220,220,220,1)"
    }, {
        "data": [null, null, null, null, null, null, null, null, null, null, null, null, null, null],
        "label": "Item 3",
        "fillColor": "rgba(198,229,217,.2)",
        "strokeColor": "rgba(198,229,217,1)",
        "pointColor": "rgba(220,220,220,1)",
        "pointStrokeColor": "#fff",
        "pointHighlightFill": "#fff",
        "pointHighlightStroke": "rgba(220,220,220,1)"
    }]
}

---

如果你能看到哪里出了问题，那就太好了。这是我正在构建的一个相当复杂的应用程序，所以我可能在其他地方犯了一个错误。

您是否尝试过设置

Chart.defaults.Line.pointHitDetectionRadius

选项？它越小，工具提示就越准确。不管怎样，我放弃了，转而选择了amCharts。Amcharts现在有一个免费版本。这不是自由和开放源码软件，但我不是在做一个自由和开放源码软件项目