Plotly javascript。 'plotly_click'上传不是一个功能

时间:2016-11-23 11:43:00

标签: javascript click plotly

我正试图在我的情节图表上创建一个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(){})

这没有引发错误,但单击图表时未调用该函数。

小提琴:

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

1 个答案:

答案 0 :(得分:3)

在您使用plotly-basic.js的小提琴中,您需要使用plotly-latest.min.js来获取on功能。



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){
    	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>
&#13;
&#13;
&#13;