在chart.js中填充折线图中的悬停/点击区域

Question

给出chart.js中的折线图，曲线下面积填充。当用户悬停或点击填充区域时，有没有办法获得有用的事件？

var chart_canvas = document.getElementById("myChart");
var stackedLine = new Chart(chart_canvas, {
    type: 'line',
    data: {
        labels: ["0.0", "0.2", "0.4", "0.6", "0.8", "1.0"],
        fill: true,
        datasets: [{
            label: 'Usage',
            data: data[0],
        },
        {
            label: 'Popularity',
            data: data[1],
        }]
    },
    options: {
        onHover: function (elements) {
            console.log(elements);
        }
        // more stuff
    }
});

我尝试了onHover但是在填充区域中，唯一的参数是一个空数组。

我有一个堆积的填充图表，如图中的曲线所示。当鼠标位于浅灰色区域的任何地方时，我想要一个事件。

编辑这是一个小提琴：https://jsfiddle.net/markv/rvqjkrp9/1/