Black Lives Matter. Please consider donating to Black Girls Code today.

How to code to get all the stacked datapoint on mouse hovering of X axis shared charts in python plotly

I have X-axis shared stacked data in HTML formats which plots three different Y-axis data. The plotting is very perfect. When i place the mouse in single point i am able to see the data value only in the currently active section (Eg section 1,2,3 now the mouse is in section 3 then i am getting the value of section 3 only it is not showing 1&2 value).

Need your support what should be the code change to get the datapoint value of all the plots when hovering the mouse in any place of the layout. Please help.

This was raised very long back, For more details have a look at this forum as well
[https://stackoverflow.com/questions/47512989/python-plotly-how-to-show-all-the-stacked-y-axis-data-value-while-mouse-hovering?rq=1](http://Detailed Issue and Expected Result Link)

I have given a current and expected output in the image there in the link.

Any solution recommendation here please.

Hi @mbmarx

Unfortunately it doesn’t look like this feature exist yet but is listed as an open issue in the plotly.js repo https://github.com/plotly/plotly.js/issues/2114 Also, note there is a workaround if you’re willing to combine python and javascript https://plot.ly/python/hover-events/

Like others suggest in the community threads, you can use a vertical line (spike line) across the stacked subplots.

Thank you for your feedback .Can you please bit explain how to do this ?
Like others suggest in the community threads, you can use a vertical line (spike line) across the stacked subplots.

@bcd thanks for your feedback ,How to do that using JS i am not that much super in Java.
@jmmease Do we have any solution for this issue in python .It is very difficult moving cursor each time to check the data in a stacked chart. Can you please help getting this fixed. Please reply if there is a solution or if there is a plan to fix it.

@bcd @jmmease any solution to this now
I want to establish a very interactive graphs for financial data analysis.

This feature is now available as the 'x unified' hovermode in plotly figures, see the corresponding example.

@Emmanuelle Hi Thanks for your feedback. Still it does not seem to be solving my issue. Every time plotly simply kills the time .

Check the attached html chart generated using (Selecting a hovermode in a figure created with plotly.graph_objects)

All i wish and long waiting is that when i place the cursor in this chart i will to get all data points shown in the box (the data box is ugly is there a way i can display the hover data on top of the chart horizantally)

Let me know what i need to do to get all this data (check your self opening the html) i have three stacked plots all i want is to display all the price data of these three stacked chart when i place cursor for each date.

@Emmanuelle any update??