Get X, Y onClick Koordinaten in ChartJS

Question

Wie bekomme ich die X, Y Koordinaten relativ zum Diagramm mit dem Ereignis onClick in ChartJS V> 2.0?

Nehmen Sie this JSFiddle als ein Beispiel. Eine Streuung wird in #canvas erstellt. Wenn ich auf die Mitte des Diagramms klicke, sollte ich 0, 0 bekommen, auch wenn es dort keinen Datenpunkt gibt.

Answer 1

Entschuldigung für den alten Code Ich habe nicht die Dokumentation sehen können Sie können mehr nützlich in der doc finden, ich habe auf Oldschool-Modus :).

Position auf dem Client mit der Höhe basiert:

canvas.onclick = function(evt){ 
    alert(evt.pageX, evt.pageY) 
}; 

Rang nach Charts:

var config = {}; //different (data, datasets, tooltips ...) 
var ctx = document.getElementById("canvas").getContext("2d"); 
var Charts= new Chart.Scatter(ctx, config); 
canvas.onclick = function(evt){ 
    var activePoints = Charts.getElementsAtEvent(evt); 
    var firstPoint = activePoints[0]; 
    if(firstPoint !== undefined){ 
    var label = Charts.data.labels[firstPoint._index]; 
    var value = Charts.data.datasets[firstPoint._datasetIndex].data[firstPoint._index]; 

    alert(label + ": " + value.x); 
    alert(label + ": " + value.y); 
    } 
}; 

von dort genommen :) Click events on Pie Charts in Chart.js Dank für ihn. Grüße.