Chart.js getElementsAtEvent 正在为折线图返回空数组答案

【问题标题】：Chart.js getElementsAtEvent is returning empty array for line chartChart.js getElementsAtEvent 正在为折线图返回空数组
【发布时间】：2018-06-08 14:03:04
【问题描述】：

我们正在一个项目中使用 Chart.js 2.1.4。当试图获取单击折线图的点时，getElementsAtEvent 函数返回一个空数组。我知道如果用户在图表上任意单击这是预期的行为，但即使用户单击数据点也会发生这种情况。这是我们的 onClick 事件处理：

options: {
    onClick: function(evt){
        var firstPoint = this.getElementAtEvent(evt);

        if (firstPoint) {
            console.log(firstPoint);
        } else {
            console.log('No point returned');
        }
    },

在上面的代码中，firstPoint 是一个 Array 对象，里面没有元素。

【问题讨论】：

尝试：var firstPoint = this.whateverYourChartVariableIs.chart.getElementAtEvent(event);不要认为 this.getelementAtEvent 是一个函数。

标签： javascript chart.js2

【解决方案1】：

getElementsAtXAxis 会解决你的问题。

https://stackoverflow.com/a/61962574/2251840

【讨论】：