ChartJSのX、Y onClickチャート座標を取得

Question

X、Y座標をグラフに対して取得するにはイベントonClick with ChartJS V> 2.0？

this JSFiddleを例にとります。 #canvasにスキャターが作成されます。グラフの中心をクリックすると、そこにデータポイントがなくても0、が得られるはずです。

Answer 1

申し訳ありませんが、古いコードではドキュメントが表示されない場合があります。高さのクライアントに基づいて

位置：チャートに基づいて

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

ポジション：そこから撮影

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); 
    } 
}; 

:)彼のためにClick events on Pie Charts in Chart.js感謝。よろしくです。 よろしくお願いします。