Get mouse's position on click

plotly.js
1

I’m wondering is it able to get user mouse’s position when user click on the plot?
What I want to achieve is, when I click on the plot, I can get the correspond x and y value on this plot, so that I can then plot this point on the graph. It’s kind of like I use my mouse to draw the plot.
I’ve been looking through this page, but couldn’t find the one I want.
Appreciate for any guidance!

1 Like
2

Here’s how: https://codepen.io/etpinard/pen/VbyejG?editors=0010

3

How could this be done in Python?

1 Like
4

Wrong values displayed. We are expecting x, y in the plot coordinates.

image
image3360×1734 282 KB

5

You should transform pointer position to cartesian point.

`var xAxis = gd._fullLayout.xaxis;
 var yAxis = gd._fullLayout.yaxis;
 var marginLeft = gd._fullLayout.margin.l;
 var marginTop = gd._fullLayout.margin.t;
 console.log(xAxis.p2c(d.event.layerX - marginLeft));
 console.log(yAxis.p2c(d.event.layerY - marginTop));`
6

Can you read a secondary axis using gd._fullLayout ?

7

Yes, you can.
var xAxis2 = gd._fullLayout.xaxis2;
var yAxis2 = gd._fullLayout.yaxis2;
…
…
…