Plotly javascript。 'plotly_click'の取得は関数ではありません

Question

私のプロットチャートでonclickイベントを作成しようとしています。私は、次のチャートを作成したドキュメント以下：私はこれを実行すると

var graphDiv = document.getElementById('uniqueId'); 
Plotly.newPlot('uniqueId', charData, layout); 
graphDiv.on('plotly_click', function (data) { 
    var i = 0; 
}) 

しかし、私は次のエラーを取得する：

graphDiv.on is not a function 

だから、誰もが間違って何イム私に言うことができますか？私もjQueryを使って試みた

注：

$('#uniqueId').on('plotly_click', function(){}) 

このdidntのは、エラーをスローしますが、チャートをクリックすると、関数が呼び出されませんでした。

フィドル：あなたのフィドルで

https://jsfiddle.net/c1kt3r82/127/

Answer 1

あなたがplotly-basic.jsを使用している、あなたはon機能を取得するためにplotly-latest.min.jsを使用する必要があります。

TESTER = document.getElementById('tester'); 
 

 
Plotly.plot(TESTER, [{ 
 
    x: [1, 2, 3, 4, 5], 
 
    y: [1, 2, 4, 8, 16] }], { 
 
    margin: { t: 0 } }); 
 
    
 
    TESTER.on('plotly_click', function(data){ 
 
    \t alert('did you just click on me?!') 
 
    }) 
 

 
/* Current Plotly.js version */ 
 
console.log(Plotly.BUILD);

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<div id="tester" style="width:600px;height:250px;"></div>