Hi I’m trying to create a chart with a fixed-position div beneath it which will contain the hoverData from the chart. The Hover data for each point has multiple lines on it. I succesfully achieved the look i wanted by using
tags for the line breaks.
When I send it over to the Div in my callback, how do i get it to interpret the
tags so that they display as linebreaks and not as the word “
” in the text?
This is the callback i’m using:
@app.callback( dash.dependencies.Output('well_comp_hovertext','children') ,[dash.dependencies.Input('well_comp','hoverData')] )
Below is the output that is being produced.