Plotly javascript. 'plotly_click' gets on is not a function

Question

I am attempting to create an onclick event on my plotly chart. Following the documentation i have created the following chart:

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

However when i run this i get the following error:

graphDiv.on is not a function

So can anyone tell me what im doing wrong?

Note i have also attempted with jquery:

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

This didnt throw an error but the function was not called when clicking the chart.

fiddle:

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

Maximilian Peters · Accepted Answer · 2016-11-23 13:00:28Z

4

In your fiddle you are using plotly-basic.js, you would need to use plotly-latest.min.js to get the on functionality.

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>

answered Nov 23, 2016 at 13:00

Maximilian Peters

31.8k12 gold badges95 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Plotly javascript. 'plotly_click' gets on is not a function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related