Guage and Indicator are overlapped

[smail]

I have a plot of gauge and indicator as present in the code:

figGuqge2 = go.Figure()
figGuqge2.add_trace(go.Indicator(
mode = “gauge+number”,
value = oil_rate[-1],
title = {‘text’: “Prodction”},
domain = {‘x’: [0, 1], ‘y’: [0.5, 1]},))

figGuqge2.add_trace(go.Indicator(
    mode = "number+delta", 
    value =  oil_rate[-1],
    title = {"text": "<br>Privision<br><span style='font-size:0.8em;color:gray'>"+str(FieldPrivision/1000)+"K</span>"},
    delta = {'reference': FieldPrivision, 'relative': True, 'valueformat':".2%"},
    domain = {'x': [0, 1], 'y': [0, 0.4]}))

I tried to use <br> in the title and so the domain to separate between it works in some cases but not all

title = {"text": "<br>Privision<br><span style='font-size:0.8em;color:gray'>"+str(FieldPrivision/1000)+"K</span>"},

So what should I do to solve this?

[Philippe73]

Hello,
Just to tell that I face the same issue. I would like to add the date of the data the delta in my gauge is based on, separating it with a newline, but in this case, the text completely overlapped…
It would be great to have this kind of possibility in Plotly!

go.Indicator(mode=“gauge+number+delta”,
value=699,
number={“suffix”: " ppm",
“font”: {“size”: 25}},
domain={“column”: 2,
“row”: 1,
“x”: [0, 1],
“y”: [0, 1]},
title={“text”: f"Fe
{data.at[max_date_index, “Timestamp”].strftime(“%d %b %Y”)}“,
“font”: {“size”: 16}},
delta={“reference”: data.at[second_max_date_index, “Fe”],
“increasing”: {“color”: “RebeccaPurple”,
“symbol”: “▲”},
“decreasing”: {“color”: “Green”,
“symbol”: “▼”},
“font”: {“size”: 20},
“suffix”: f” ppm
vs. {data.at[second_max_date_index, “Timestamp”].strftime(“%d %b %Y”)}",
“position”: “top”},
gauge={“axis”: {“range”: [0, 2000],
“tickwidth”: 1,
“tickcolor”: “darkblue”},
“bar”: {“color”: “darkblue”},
“bgcolor”: “white”,
“borderwidth”: 2,
“bordercolor”: “gray”,
“steps”: [{“range”: [0, 900],
“color”: “green”},
{“range”: [900, 1200],
“color”: “orange”},
{“range”: [1200, 2000],
“color”: “red”}],
“threshold”: {“line”: {“color”: “red”, “width”: 4},
“thickness”: 0.75,
“value”: 490}})