如果您使用的是新的ChartJs版本，请使用以下命令：

canvas.onclick = function(evt){
   var activePoints = myLineChart.getElementsAtEvent(evt);
};

更改此行

document.getElementById('roomForChart').innerHTML += htmlForGraph;

到这个

holder = document.getElementById('roomForChart');
holder.innerHTML += htmlForGraph;

然后你会看到你的代码片段，做了一些修改

holder.onclick = function(evt){
    var activePoints = myLineChart.getPointsAtEvent(evt);
    // => activePoints is an array of points on the canvas that are at the same position as the click event.
   alert("See me?");
};

在onclick处理程序中添加console.log(activePoints);，以查看activePoints变量的内容。

datasetLabel: "Usage Plan"
fillColor: "rgba(244,0,0,1)"
highlightFill: "#fff"
highlightStroke: "rgba(220,220,220,1)"
label: "Aug 4"
strokeColor: "#fff"
value: 1024
x: 371
y: 12.356097560975627

可以通过以下方式访问它们

activePoints[0].label
activePoints[0].x
activePoints[0].y
activePoints[0].value

最好先检查属性是否为undefined，因为每个单击事件后面都没有数据。

我无法使onclick方法工作。
但我最终设法使用click方法运行了它：

$("#canvas_id").click(function(e) {
   var activeBars = myBarChart.getBarsAtEvent(e); 
   console.log(activeBars[0]);
});

注：本例适用于条形图--其他图表检索点的方法略有不同（请参阅文档）。

到目前为止，提供的答案接近正确的解决方案，但还不完整。您需要使用getElementsAtEvent（）来获取正确的元素，但这会为您提供位于单击的x索引处的元素集合。即使您使用多个数据集，这也可能是多个值，每个数据集一个值。
要找出从中提取的正确数据集，请调用getDatasetAtEvent（）方法。这将返回包含所单击的数据集元素的元素列表。从其中任何一个元素中选择数据集ID，它们都是相同的ID。
把这两个放在一起，你就得到了你所需要的调用，来计算出被点击的元素中包含的数据。当你初始化你的数据集时，传入不仅仅是x和y值，这将允许你用这个事件做各种各样的巧妙的技巧。（例如，触发一个弹出窗口，提供关于这个事件的更详细的信息）
也许有一种更简洁的方法来获取这些数据，但是我没有发现它会在图表文档和票据中出现。

// chart_name is whatever your chart object is named. here I am using a
// jquery selector to attach the click event.
$('#' + chart_name).click(function (e)
{
    var activePoints = myChart.getElementsAtEvent(event);
    var activeDataSet = myChart.getDatasetAtEvent(event);

    if (activePoints.length > 0)
    {
         var clickedDatasetIndex = activeDataSet[0]._datasetIndex;
         var clickedElementIndex = activePoints[0]._index;
         var value = myChart.data.datasets[clickedDatasetIndex].data[clickedElementIndex];
    }
    // todo: add code to do something with value.
});

版本3

您也可以使用建置onClick选项，取得下列参数：(event, activeElements, chartInstance)个
所以你可以读取第二个元素的数组来查看哪些元素是活动的。默认情况下这个数组只包含一个项目，但是如果你改变交互模式，这里可能会有多个项目。
第一个
在v3中，getElementsAtEvent已被删除，现在您必须用途：chart.getElementsAtEventForMode(event, 'index', { intersect: true }, false)
如果要使用getDatasetAtEvent，现在必须用途：chart.getElementsAtEventForMode(e, 'dataset', { intersect: true }, false)

在当前版本（3.9.1）中，我再也找不到.getPointsAtEvent(event)了。作为一个对我有效的解决方案，我在Chart.js GitHub代码示例中找到了

var selectedPoint;
        ....
        options: {
            plugins: {
                tooltip: {
                    callbacks: {
                        afterBody: function(context) {
                           if(context && context[0])
                            selectedPoint = context[0];
                            return [''];
                        }
                    }
                }
            },
            .....
            onClick: (e) => {
                console.log(selectedPoint);
            }
        }

基本上，在生成工具提示时，您将数据保存到变量selectedPoint中，并在onClick事件中开始使用该变量。