Change font size and restrict text length in Plotly hover text (Python)

Question

I have a plotly scatter plot consisting of 9 trace scatter plots on one that is going into a Dash Dashboard.

I have only provided the first trace to make the code shorter and easier but If you need to see the other 8 I can provide them (they are all similar to this trace).

I need help to do the following:

1. Change the font-size of the hover text

2. Give a cut-off length to the hover text as at the moment it continues off the page.

   trace0= go.Scatter(
       x =df[df['Topic'] == 'Time consuming tasks']['x'],
       y = df[df['Topic'] == 'Time consuming tasks']['y'],
       mode = 'markers',
       text= df[df['Topic'] == 'Time consuming tasks']['challenges'],
       marker = dict(      
           size = 9,
           line = dict(
               width = 2,
           )
       ),
   name = 'First Plot',
   showlegend=True)
   
   
   
   app.layout = html.Div([dcc.Graph(id='scatterplot',
                                           figure = {'data' : [trace0, trace1, trace2, trace3, trace4, trace5, trace6, trace7, trace8],
                                           'layout' : go.Layout(title='Biggest hindrances in your life?',
                                                                 xaxis = {'title':'x axis'},
                                                                 yaxis = {'title': 'y axis'},
                                                                height = 550,
                                                                titlefont= {'size':33},
                                                                hovermode = 'closest',                                                                                                                                  
                                                                legend=dict(
   
                                                                             traceorder='normal',
                                                                             font=dict(
                                                                                       family='sans-serif',
                                                                                       size=25,
                                                                                       color='#000'
                                                                                      )
                                                                            )
                                                                )           
                                                   }                       
   
   
                                   )
                         ])
   

Thanks guys!

Answer 1

I did not run your full example, however, in my case, the following solved the issue:

go.Layout(title='Biggest hindrances in your life?',
          #other options for the plot
           hoverlabel=dict(font=dict(family='sans-serif', size=25)))

Hope that answeres point 1.

Edit

Just found this page, might also be useful https://plotly.com/python/hover-text-and-formatting/