Plotly.express - Sunburst - Remove elements from the hover data?

📊 Plotly Python
1

Is there any way to remove some of the default headings from the sunburst ‘hover data’. For instance below, I would like to remove ‘labels’, ‘parent’ and ‘id’, only leaving ‘Total Heat Loss (kWh)’ and ‘Area / Length’.

image

I have tried the hover_data parameter within the sunburst set up, however this only removes columns within the dataframe I have fed in.

Thanks in advance.

1 Like
2

Hi @BenArnold
Try to use hovertemplate. More information in the docs.

import plotly.express as px
df = px.data.tips()
fig = px.sunburst(df, path=['day', 'time', 'sex'], values='total_bill')
fig.update_traces(hovertemplate='<b>the total bill is: %{value} </b>')  # parent, or label, or id, or value
fig.show()
2 Likes
3

Hi Adam,

Thanks so much for the answer, yes I think I tried this however see the error I get when using hover_data as a dictionary:

image
image736×320 16.8 KB

image
image1685×43 4.05 KB

Have I misunderstood it?

Thanks!

4

Hi @BenArnold . I just updated my answer. hove_data is for other graphs type. I forgot that’s it’s different for the sunburst. Let me know if that worked for you.

2 Likes
5

@BenArnold
To change the default hovertemplate defined by px.sunburst, you must update the sunburst trace setting your own hovertemplate:
Example:

import plotly.express as px
data = dict(
    character=["Eve", "Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"],
    parent=["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve" ],
    value=[10, 14, 12, 10, 2, 6, 6, 4, 4])

fig = px.sunburst(
    data,
    names='character',
    parents='parent',
    values='value',
)
fig.show()

print(fig.data[0]) to inspect the hovertemplate definition and redefine it according to your aim:

fig.update_traces(hovertemplate="My own label: %{value}<extra></extra>")
1 Like
6

How to set different hovertemplates for the core and outer ring?

I tried using different calls to update_traces, such as:

    fig.update_traces(
        hovertemplate='<b>%{id}</b><br>' +
                      '%{customdata[2]:.1f}% of %{parent}<br>' +
                      '%{customdata[1]:.1f}% of total<br>' +
                      '%{customdata[0]:.0f} MW (average)<br>' +
                      '%{customdata[3]}' +
                      '<extra></extra>',
        level = 0
    )    

    fig.update_traces(
        hovertemplate='<b>%{id}</b><br>' +
                      '%{customdata[1]:.1f}% of total<br>' +
                      '%{customdata[0]:.0f} MW (average)<br>' +
                      '%{customdata[3]}' +
                      '<extra></extra>',
        level = 1
    )

But the level parameter seems to be having no effect. Also tried to use selector, with dict(level=0), but again, didn’t seem to have an effect. Also tried dict(id=“PT”), but still nothing.

7

Yes, you can customize the hover data in a Plotly sunburst chart by using the hovertemplate parameter. Here’s an example:

fig.update_traces(
hovertemplate=“Total Heat Loss (kWh): %{customdata[0]}
Area / Length: %{customdata[1]}”,
customdata=df[[“Total Heat Loss (kWh)”, “Area / Length”]]
)