Get values on multiple axes

plotly.js
1

Hello! I have another questions for you guys.

I have a multi y axes plot and i need to show some graphics separate (subplot) but i need on mouseover all the points in every y axes.
My code is similar to this
example subplot

I need that if i go over a point all the y values are shown .
Olso there are a way to throw a vertical line between the points?

Thank you very much for the answer!

2

Hey - you can check out this example to learn how to couple hover events: https://plot.ly/javascript/hover-events/#coupled-hover-events-on-single-plot

1 Like
3

Thanks for the answer.

4

Sorry, one more thing. On the event i have a eventdata different from that on example. You know why? Depend by the jQuery version?

5

Hello, i try to do this

//MOUSE HOVER EVENT $("#placeholder").on('plotly_hover', function (data){ if(typeof data.target._hoverdata !== "undefined"){ var data = data.target._hoverdata; var pointNumber = data[0].pointNumber; var arrayCurve = []; for(var index in _global_curveNumber){ arrayCurve.push({curveNumber:index, pointNumber:pointNumber,subplot: _global_curveNumber[index] }); } Plotly.Fx.hover('placeholder',arrayCurve); } });

I can’t publish all my code but i have a lot of axis and they change if some filter is setted. So in _global_curveNumber there are all the axis that i use and the value is a string like “xy3”,“xy4”,“xy”, ecc ecc

What is wrong?

Thank you very much.

6

This feature will part of the next release.

See https://github.com/plotly/plotly.js/pull/301 for more details

1 Like