Stacked Area Chart with HoverInfo over filled area?

📊 Plotly Python
1

Is is possible to create a stacked area chart with HoverInfo over the filled area as opposed to just the line?

2

Hi. You have some news about hover info over filled area and not just on line? It’s possible to do it?

3

HI @plotly_user_pt welcome to the community.

Would you mind adding more information? Maybe a MRE?

4

Using plotly.area graphic we cannot see hoverinfo when over the filled area. Only on the line!

import plotly.express as px
df = pd.DataFrame({'colors':['color1', 'color2', 'color3', 'color1', 'color2','color3'],
                   'xx':[1, 2, 3, 5, 6, 7],
                   'yy':[11, 22, 33, 55, 66, 77]})
  
plot = px.area(df, x='xx', y='yy', color='colors',
               title='Sample area stacked',
               hover_data=['xx', 'yy'])
plot.show()
5

Maybe this helps:

search for

Select Hover Points

6

I try that solution but is not what we expect.

Another issue is about not show NaN values on area graphic? For example, when I have several colors stacked and 1 color only exist on part of xaxis it is ploted with zero and seems valid on all xaxis.